發(fā)簡(jiǎn)信
IP屬地：上海
-
構(gòu)建模塊化 CLI：Lerna + Commander 打造靈活的基礎(chǔ)腳手架在現(xiàn)代軟件開(kāi)發(fā)中趁曼，創(chuàng)建 定制化的命令行工具(CLI) 已成為滿足公司業(yè)務(wù)需求的關(guān)鍵一環(huán)牺弹。這類工具可以輔助執(zhí)行諸如代碼檢查韧骗、項(xiàng)目初始化等任務(wù)横腿。為了...
-
命令行應(yīng)用開(kāi)發(fā)初學(xué)者指南：腳手架篇牺汤、UI 庫(kù)和交互工具在日常的前端開(kāi)發(fā)工作中寞蚌，我們經(jīng)常依賴各種命令行工具來(lái)提高效率和代碼質(zhì)量于游。例如，create-react-app 和 eslint 等工具不僅簡(jiǎn)化...
-
Node.js 構(gòu)建命令行工具：實(shí)現(xiàn) ls 命令的 -a 和 -l 選項(xiàng)在日常的前端開(kāi)發(fā)中忧勿，我們常常借助各種基于 Node.js 的腳手架工具來(lái)加速項(xiàng)目搭建和維護(hù)杉女，比如 create-react-app 可以一鍵初始...
-
重構(gòu)案例：將純HTML/JS項(xiàng)目遷移到Webpack我們已經(jīng)了解了許多關(guān)于 Webpack 的知識(shí)，但要完全熟練掌握它并非易事鸳吸。一個(gè)很好的學(xué)習(xí)方法是通過(guò)實(shí)際項(xiàng)目練習(xí)熏挎。當(dāng)我們對(duì) Webpack 的配...
-
前端模塊化進(jìn)化史：從全局 function 到 ES Modules目前，前端開(kāi)發(fā)已經(jīng)離不開(kāi)由 CommonJS晌砾、ES Modules 和 Webpack 構(gòu)建的模塊化開(kāi)發(fā)環(huán)境坎拐。無(wú)論是 JavaScript、CS...
-
全面掌握 Jest：從零開(kāi)始的測(cè)試指南（下篇）在上一篇測(cè)試指南中，我們介紹了Jest 的背景廉白、如何初始化項(xiàng)目个初、常用的匹配器語(yǔ)法以及鉤子函數(shù)的使用乖寒。這一篇篇將繼續(xù)深入探討 Jest 的高級(jí)特性...
-
全面掌握 Jest：從零開(kāi)始的測(cè)試指南（上篇）隨著JavaScript在前后端開(kāi)發(fā)中的廣泛應(yīng)用猴蹂，測(cè)試已成為保證代碼質(zhì)量的關(guān)鍵環(huán)節(jié)。 為什么需要單元測(cè)試 在我們的開(kāi)發(fā)過(guò)程中楣嘁，經(jīng)常需要定義一些算...
-
從0到1：React項(xiàng)目中的Webpack配置實(shí)戰(zhàn)
公司項(xiàng)目一般都是使用集團(tuán)封裝好的腳手架磅轻，腳手架內(nèi)部實(shí)現(xiàn)咱看不到也摸不著，好不容易組內(nèi)推行新的UI框架逐虚，需要自行定義 webpack 配置聋溜，這可是...
-
React+TypeScript 組件庫(kù)開(kāi)發(fā)全攻略：集成Storybook可視化與Jest測(cè)試，一鍵發(fā)布至npm平時(shí)我除了業(yè)務(wù)需求叭爱，偶爾會(huì)投入到UI組件的開(kāi)發(fā)中撮躁，大多數(shù)時(shí)候只會(huì)負(fù)責(zé)自己業(yè)務(wù)場(chǎng)景相關(guān)或者一小部分公共組件，極少有從創(chuàng)建項(xiàng)目买雾、集成可視化把曼、測(cè)試到發(fā)...