@前端工程化

動態 列表
@seanshi_fe

npm workspaces 已經夠強了,為何還需要 MonoRepo 方案?

隨着項目規模的增長和模塊化需求的增強,MonoRepo(單一代碼庫)的管理方式正在成為熱門選擇。本文將帶領你瞭解 MonoRepo 的形成背景,探討主流解決方案(如 pnpm workspaces、TurboRepo、Nx 和 Rush),並通過對比分析這些工具的優劣與適用場景,最終幫助你選擇最適合的工具。 MonoRepo 的形成背景 隨着項目複雜度和團隊規模的擴大,傳統的單體代碼庫或多代碼庫(

seanshi_fe 頭像

@seanshi_fe

昵稱 Sean

@ailvyoudetiebanshao

如何解決35歲開發困境?

如何解決35歲開發困境? 年少的自己總是心懷理想和未來,但眨眼之間我們已經不再年少,我們會在每一次的熬夜後感慨身體大不如前,會在連續工作幾個小時之後就感到疲憊,也會焦慮被更年輕的 人代替,焦慮自己年紀更大了之後怎麼辦。 在我23歲剛實習轉正的時候,我就一直想達成一個目的,就是在30歲之前退休。 我並不想更不能接受我32歲,35歲,40歲還到處找工作的事實。我不能把自己的命運放心的交到別人的手

ailvyoudetiebanshao 頭像

@ailvyoudetiebanshao

昵稱 溪抱魚

@ailvyoudetiebanshao

技術與SEO

每次一提到SEO(搜索引擎優化),就是優化TDK、優化頁面速度、網站標籤語義化、做sitemap、robots、關注內外鏈結構巴拉巴拉..... 毋庸置疑,這些東西就是技術小夥伴們經常關注的東西,或者連這些最基本的東西都不理解。但就僅限於此了嗎? 問題的關鍵是在於:只瞭解這些沒有意義,你只是達成了SEO的結果,你並不理解SEO的過程。你只是照貓畫虎,如果這時候讓你去自己做一個網站,你能獲得SEO的

ailvyoudetiebanshao 頭像

@ailvyoudetiebanshao

昵稱 溪抱魚

@faurewu

一套代碼構建B端企業管理系統跨端方案——從原理到落地解決方案

前言 大家好,這些年來設計系統一直停留在歷史的某個時間點,缺乏創新,缺乏活力,難以有讓人眼前一亮的東西展現,但它並沒有停滯不前,我們一直致力於從一些獨特的角度重新審視和認識設計系統,通過梳理和理解組件的本質,抽象原子化組件,嚴格執行展示層與交互層的分離方式,使組件能夠更好的融合跨端設計,同時深度結合設計語義與前端代碼,確保整個系統的交互和代碼唯一性,目前我們已有一套基礎設施對外開源,歡迎大家的持續

faurewu 頭像

@faurewu

昵稱 昭福前端語錄

@icecreamlj

提升開發體驗:基於 JSDoc 的 React 項目自動代碼提示方案詳解

需求背景 主管和其他同事基於公司的業務特點,開發了一套自研前端框架。技術選型是 React + JavaScript 的組合,上線後表現還不錯。現在他們想把這個組件庫推廣到其他團隊使用,所以讓我琢磨一下:怎麼能讓使用者用得更順手一點?尤其是能不能在寫代碼的時候有自動提示? 我調研了一下市面上常見的幾種方案,大致有以下幾類: 把整個項目從 JavaScript 重構為 TypeScript,這樣

icecreamlj 頭像

@icecreamlj

昵稱 一顆冰淇淋

@dewujishu

前端日誌回撈系統的性能優化實踐|得物技術

一、前言 在現代前端應用中,日誌回撈系統是排查線上問題的重要工具。然而,傳統的日誌系統往往面臨着包體積過大、存儲無限膨脹、性能影響用户體驗等問題。本文將深入分析我們在@dw/log和@dw/log-upload兩個庫中實施的關鍵性能優化,以及改造過程中遇到的技術難點和解決方案。 核心優化策略概覽: 我們的優化策略主要圍繞三個核心問題: 存儲膨脹問題 - 通過智能清理策略控制本地存儲大小 包體

dewujishu 頭像

@dewujishu

昵稱 得物技術

@coderleo

手擼Webpack自定義Loader

前言 我們知道 webpack 只能處理 JavaScript 和 Json 文件,面對 CSS、圖片等資源是無能為力的,它需要通過 loader 將這些資源轉換為可處理的模塊。 loader 的本質是一個解析資源的函數模塊,該函數對接受到的內容進行轉換,然後返回 webpack 可處理的資源。 loader的執行順序 loader 可根據執行順序區分為: pre: 前置 loader no

coderleo 頭像

@coderleo

昵稱 coderLeo

@coderleo

手擼Webpack自定義Plugin

前言 webpack-plugin 向開發者提供了 webpack 引擎中完整的能力。通過插件擴展 webpack,加入自定義的構建行為,使 webpack 可以執行更廣泛的任務,擁有更強的構建能力。 與 loader 相同,plugin 的本質也是一個模塊(它包含一個apply函數),符合 webpack 的一切皆模塊的理念。 工作原理 webpack 就像一條串行的生產線,要經過一系列處理流程

coderleo 頭像

@coderleo

昵稱 coderLeo