發(fā)簡信
IP屬地：上海
-
前端框架文檔新思路：基于源碼解析的自動化方案項(xiàng)目背景 最近我們團(tuán)隊(duì)自研了一個基于 React 的 H5 前端框架，領(lǐng)導(dǎo)讓我來負(fù)責(zé)編寫框架的使用文檔。我選擇了 dumi 來搭建文檔站點(diǎn)，大部...
-
為React組件庫引入自動化測試：從零到完善的實(shí)踐之路為什么我們需要測試？ 我們的 React+TypeScript 業(yè)務(wù)組件庫已經(jīng)穩(wěn)定運(yùn)行了一段時間，主要承載各類UI展示組件，如卡片、通知等。項(xiàng)目...
-
使用Node.js打造交互式腳手架，簡化模板下載與項(xiàng)目創(chuàng)建在上一篇文章[http://www.itdecent.cn/p/8bf145cc38fc]中，我們探討了如何構(gòu)建一個通用的腳手架框架。在這篇文...
-
構(gòu)建模塊化 CLI：Lerna + Commander 打造靈活的基礎(chǔ)腳手架在現(xiàn)代軟件開發(fā)中，創(chuàng)建 定制化的命令行工具(CLI) 已成為滿足公司業(yè)務(wù)需求的關(guān)鍵一環(huán)。這類工具可以輔助執(zhí)行諸如代碼檢查、項(xiàng)目初始化等任務(wù)。為了...
-
命令行應(yīng)用開發(fā)初學(xué)者指南：腳手架篇、UI 庫和交互工具在日常的前端開發(fā)工作中，我們經(jīng)常依賴各種命令行工具來提高效率和代碼質(zhì)量。例如，create-react-app 和 eslint 等工具不僅簡化...
-
Node.js 構(gòu)建命令行工具：實(shí)現(xiàn) ls 命令的 -a 和 -l 選項(xiàng)在日常的前端開發(fā)中，我們常常借助各種基于 Node.js 的腳手架工具來加速項(xiàng)目搭建和維護(hù)，比如 create-react-app 可以一鍵初始...
-
重構(gòu)案例：將純HTML/JS項(xiàng)目遷移到Webpack我們已經(jīng)了解了許多關(guān)于 Webpack 的知識，但要完全熟練掌握它并非易事。一個很好的學(xué)習(xí)方法是通過實(shí)際項(xiàng)目練習(xí)。當(dāng)我們對 Webpack 的配...
-
前端模塊化進(jìn)化史：從全局 function 到 ES Modules目前，前端開發(fā)已經(jīng)離不開由 CommonJS、ES Modules 和 Webpack 構(gòu)建的模塊化開發(fā)環(huán)境。無論是 JavaScript、CS...
-
全面掌握 Jest：從零開始的測試指南（下篇）在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項(xiàng)目、常用的匹配器語法以及鉤子函數(shù)的使用。這一篇篇將繼續(xù)深入探討 Jest 的高級特性...