tag 前端

標籤
貢獻1,036
989
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

fkcaikengren 頭像

瘋狂踩坑人 - 【前端工程化】一文看懂現代Monorepo（npm）工程

引言：本文介紹了目前流行的 pnpm workspace + changesets + turborepo 構建npm包項目的方案，這套方案也適用於其他大型Monorepo項目。此外，還補充了前端工程下package.json、tsconfig和husky等配置知識以及CI/CD相關常識。 一、認識package.json 一個package.json代表了一個項目，可以通過npm/yarn

vue.js , monorepo , npm , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - JavaScript 函數 window.matchMedia 的用途

以下是window.matchMedia()函數的基本語法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一個字符串，表示要檢查的媒體查詢條件。例如，要檢查當前設備的屏幕寬度是否小於某個值，可以使用以下代碼： var mediaQueryList = window.matchMedia(

ecmascript-6 , sap , javascript正則 , 前端 , Javascript

收藏 評論

hbp 頭像

xh4722 - Mobx autorun 原理解析

本次分享主題為 "mobx autorun" 原理解析，主要分為以下幾個部分： - 分析 "autorun" 的使用方式； - 對比 "autorun" 與“發佈訂閲模式”的異同； - 實現 "autorun" 函數； 通過從0到1實現 autorun 函數以後，你可以瞭解以下知識： autorun 與可觀察對象的協作過程； 為什麼使用 autorun 的時候，所提供的函數會立即執行一次？

mobx , 前端 , Javascript

收藏 評論

qifengliao_5e7f5b20ee3bd 頭像

起風了 - JavaScript函數柯里化

JavaScript函數柯里化 一、定義： 柯里化（Currying）是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數，並且返回接受餘下的參數且返回結果的新函數的技術。 通過一個簡單的例子解釋一下： function add(a, b) { return a + b } add(1, 2); // 3 將函數add轉化為柯里化函數_add： function _

currying , 前端 , Javascript

收藏 評論

u_15467009 頭像

andyxi_linux - 數據平滑處理算法03——中心移動平均

中心移動平均 中心移動平均主要用於時間序列分解，特別是在估計趨勢-週期成分時。它的核心特點是“對稱性”。 核心思想：將移動平均窗口置於數據的“中心”，使得平均值能夠對齊到窗口的時間中點，從而最大限度地減少滯後性。 計算方法 對於一個時間序列，其 N 期中心移動平均值是將窗口置於當前點的兩側。

數據 , MySQL , 算法 , i++ , 數據庫 , JAVA , 前端

收藏 評論

renxingdeniuroumian 頭像

東奔西走的小喇叭 - 做電競數據分析，還在手動爬數據？一個更省力的思路分享

很多人在做英雄聯盟電競數據分析時，第一反應都是： 直接調用 Riot 官方 API，或者自己去爬各類數據網站。 聽起來很“硬核”，但真正做過的都知道： 這條路，成本比你想象中高很多。 一、為什麼自己對接官方 API 成本很高？ Riot 官方 API 確實權威，但在實際項目中，經常會遇到這些問題： 密鑰維護成本高 密鑰有旋轉週期，需要不斷更新，一旦過期，服務就會中斷。 請求頻率限

數據庫 , 前端

收藏 評論

yumiko_5c088de8aa1fe 頭像

yumiko - HTTP在前端的應用

最近打算寫一些前端知識的總結以及個人的見解，現在是第一篇，先寫一下關於HTTP相關的東西。 之前寫過一篇文章是關於curl命令與HTTP請求，裏面也提到一些關於HTTP的東西，這篇文章會再補充一下。 HTTP是什麼 HTTP即超文本傳輸協議（Hyper Text Transfer Protocol），是一個簡單的請求-響應協議，用於傳輸數據。 HTTP誕生之初主要是應用於WEB端內容獲取，隨

HTTP , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

paoxiaodedengzi 頭像

咆哮的凳子 - 分析 WebKit：跨平台的網頁引擎及其挑戰

WebKit 是一個開源的網頁瀏覽引擎，廣泛應用於許多現代瀏覽器中，尤其是蘋果的 Safari 瀏覽器。它支持 HTML、CSS、JavaScript 等網頁標準，並使瀏覽器能夠將網頁內容正確地渲染出來。然而，儘管 WebKit 在性能和兼容性方面有着顯著的優勢，但它仍面臨着一些專業性的問題，特別是在渲染性能優化和跨平台兼容性方面。本文將深入探討 WebKit 在這兩個領域的挑戰及其解決方案。 1

node.js , webkit , typescript , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 資深前端工程師| 升職加薪這件事，我困頓了2年

我大概是在工作的第五年，晉升到了高級前端工程師。那時候我挺自豪的，覺得自己技術不錯，能獨立負責複雜的業務，也能搞定線上疑難雜症，再往上走，應該也只是時間問題。 但沒想到，高級這個title，我一掛就是三年多。 其中有整整兩年，我感覺自己撞到了一堵看不見的牆。我明明是團隊裏解決技術難題最多的人，寫的代碼質量也公認是最好的，但每次晉升季，我和老闆聊，得到的反饋總是有點虛： “要多思考業務價值。” “要

程序員 , 前端

收藏 評論

yayu 頭像

冴羽 - 冴羽答讀者問：悄悄過來蹭個回答

前言 最近我發起了「冴羽答讀者問」活動，如果你也有想要提問的問題，歡迎留言，我會按照順序依此回答。 正文 這個問題我們就聊聊“如何提問”好了。 回答這個問題，自我感覺有些班門弄斧，因為我並不是一個擅長提問的人，所以我就從日常的工作生活中，分享一點自己的看法好了。 提問的場景有很多，先説工作中。 我們的老闆常會告訴我們一件事情，簡略的描述後就讓我們去做，我們可能因為各種原因沒有細問就直接去做了，最後

程序人生 , 程序員 , 總結 , 後端 , 前端

收藏 評論

u_16213681 頭像

16213681 - 前端學習筆記：let、const、var的區別

在 JavaScript 中，var、let 和 const 都可以用來聲明變量，但它們在作用域、提升行為和可變性等方面存在顯著差異。 一、var 在ES6之前，var是我們聲明變量的唯一選擇 1.1 作用域 函數作用域：使用var聲明的變量，其作用域是其所在的函數。如果在函數外聲明，則是全局作

作用域 , 大數據 , 初始化 , 賦值 , hadoop , 前端

收藏 評論

fenanjiu 頭像

南玖 - 開發自定義Taro插件解決跨平台難題

前言 在Taro項目開發中，難免會遇到需要混合編譯的場景，一般來講Taro可以使用原生模塊、原生項目也可以使用Taro的模塊內容。官方也確實説了Taro 支持使用小程序原生的頁面、組件和插件。 比如Taro使用原生頁面，我們只需要在app.config.ts文件中加上原生頁面的路由，然後項目中就可以直接以小程序原生的開發模式開發該頁面。 使用原生頁面（weapp) 這種模式對於微信小程序確實是可以

小程序 , webpack , taro , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 為什麼説全棧正在殺死前端？

打開2025年的招聘軟件，十個資深前端崗位，有八個在JD（職位描述）裏寫着：“有Node.js/Serverless/全棧經驗者優先”。 全棧 👉 成了我們前端工程師內卷的一種方式。彷彿你一個幹前端的，要是不懂點BFF、不會配Nginx、不聊聊K8s，你都不好意思跟人説你是資深。 我們都在拼命地，去學Nest.js、學數據庫、學運維。我們看起來，變得越來越全能了。 但今天，我想潑一盆冷水🤔：

程序員 , 前端

收藏 評論

tangzhiyuan 頭像

唐志遠 - 幾個非常實用的 Chrome Devtools 技巧

原文鏈接：[幾個非常實用的 Chrome Devtools 技巧](https://fe32.top/articles/skill001/ 關於 Chrome 瀏覽器，如果你是一名前端開發者，相信對此並不陌生，我們可以用它來查看 網絡請求、分析網頁性能、調試 JavaScript 功能 等。 除了這些，它還提供了很多強大但不常見的功能，可以大大提高我們的開發效率，這裏分享幾個實用的技巧（持續更新）

技巧 , chrome-devtools , 前端

收藏 評論

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。 1分鐘看圖掌握核心觀點_👇_

puppeteer , ffmpeg , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 百億補貼通用H5導航欄方案 | 京東雲技術團隊

背景 在移動端頁面中，由於屏幕空間有限，導航條扮演着非常重要的角色，提供了快速導航到不同頁面或功能的方式。用户也通常會在導航條中尋找他們感興趣的內容，因此導航條的曝光率較高。在這樣的背景下，提供一個動態靈活的導航條，為產品賦能，變得尤其重要。 使用原生導航欄現狀 拿iOS原生導航條為例，導航條作為頁面進出棧的根視圖連接器，以及生命週期的管理器。尤其是在作為webView Controller的父容

導航欄 , 導航菜單 , h5頁面 , 前端 , html5

收藏 評論

waweb 頭像

哇喔WEB - TypeScript中你可能不知道的這些數據類型

類型 TypeScript的類型有很多，但是這裏不會逐一進行講解。下面列出來的幾種類型，有的你可能沒聽過、有的你可能沒用過、有的你可能用過但是不知道含義、有的你可能知道含義但是不能和其他類型區分··· Symbol ES6 引入了一種新的原始數據類型 Symbol ，表示獨一無二的值，它是 JavaScript 語言的第七種數據類型。 使用 Symbol() 函數我們可以申明一個 Symbol

數據類型 , typescript , 前端

收藏 評論

bukaixindefengyi 頭像

不開心的風衣 - Flask核心技能：從零上手視圖函數

想快速上手Flask，卻被視圖函數繞暈了頭？ 要知道，超過80%的Flask核心邏輯都編寫在視圖函數裏，掌握它，你就拿下了Flask開發的半壁江山！ 本文為你清晰拆解Flask視圖函數的方方面面：從基本定義、請求數據獲取、響應返回到錯誤處理與狀態碼設置。你將學到如何讓視圖函數既健壯又好用，並附上一個可直接運行的完整示例。 🚀 目錄一覽- 視圖函數是什麼？ 如何定義一個視圖函數？ 如何處理請

前端

收藏 評論

zhongkejin 頭像

中關村科金 - MobPush:Android SDK 集成指南

開發工具：Android Studio 集成方式：Gradle在線集成 安卓版本支持：minSdkVersion 19 集成準備 註冊賬號 使用PushSDK之前，需要先在MobTech官網註冊開發者賬號，並獲取MobTech提供的AppKey和AppSecret，詳情可以點擊查看註冊流程link MobPush後台配置 註冊MobTech賬號後，需要在MobTech後台進行相關

android-sdk , Android , android-studio , 程序員 , 前端

收藏 評論

jweboy 頭像

jweboy - Map 與 Object 之相愛相殺

眾所周知 JavaScript 的 Object 和 Map 這兩種數據結構很相似， 但深究底層原理來看，這兩者本質上還是存在了不少差異，通過區別比較能幫助我們更好地理解它們的用處和使用場景。 鍵類型 Object Object 的鍵必須是 String 或 Symbol 類型，並默認調用 toString 方法將鍵轉化為 String 類型，因此可能會存在同名鍵覆蓋問題。 注：Arr

map , object , 前端 , Javascript

收藏 評論

kira_58a179b7c1581 頭像

kira - 前端開發團隊的工具鏈

彙集前端開發團隊中經常使用的好工具，分享給大家！ 注：都是開源工具 sentry：推薦指數5顆星⭐️⭐️⭐️⭐️⭐️ 推薦理由：開源的代碼異常監控和上報平台，搭建安裝簡單，操作和使用都簡單，支持很多種開發語言的監控上報，提供了快速上手demo，bug異常無需用户主動上報反饋即可知曉，還提供豐富的用户操作信息，提供日常bug郵件通知，週報統計，支持source map 源碼解析，跟蹤非常方便，快速

前端工程化 , 開發工具 , 前端工具 , 前端 , Javascript

收藏 評論

u_16213626 頭像

mob64ca1402a190 - 深入理解npm run命令

1. 基本概念 npm run用於執行在package.json文件的scripts字段中定義的腳本命令。 { "name": "my-project", "version": "1.0.0", "scripts": { "start": "node server.js", "dev": "nodemon

環境變量 , node.js , 前端開發 , npm , 前端 , Json

收藏 評論

zhongkejin 頭像

中關村科金 - MobTech秒驗，一鍵登錄快人一步！

你是不是也經常為幾十個APP的賬號和密碼抓狂，而且每個APP對賬號和密碼的格式要求都不一樣，下劃線、大小寫字母，還要加數字，真的很難記住。 記不住的時候就只能選擇短信驗證登錄，輸入手機號碼靜靜等待短信，這是現在大部分人選擇的登錄方式，不過有信號延後、渠道風險、木馬攔截等風險，而且更換手機號碼的話會很麻煩。 還有一個可供選擇的就是第三方賬號登錄，很多人應該喜歡用微信、QQ等社交賬號綁定登錄，這免去了

登錄 , 程序員 , 前端

收藏 評論