發(fā)簡(jiǎn)信
IP屬地：上海
-
Node.js 構(gòu)建命令行工具：實(shí)現(xiàn) ls 命令的 -a 和 -l 選項(xiàng)在日常的前端開發(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目前，前端開發(fā)已經(jīng)離不開由 CommonJS、ES Modules 和 Webpack 構(gòu)建的模塊化開發(fā)環(huán)境酪惭。無(wú)論是 JavaScript、CS...
-
全面掌握 Jest：從零開始的測(cè)試指南（下篇）在上一篇測(cè)試指南中者甲，我們介紹了Jest 的背景春感、如何初始化項(xiàng)目、常用的匹配器語(yǔ)法以及鉤子函數(shù)的使用虏缸。這一篇篇將繼續(xù)深入探討 Jest 的高級(jí)特性...
-
全面掌握 Jest：從零開始的測(cè)試指南（上篇）隨著JavaScript在前后端開發(fā)中的廣泛應(yīng)用鲫懒，測(cè)試已成為保證代碼質(zhì)量的關(guān)鍵環(huán)節(jié)。 為什么需要單元測(cè)試 在我們的開發(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ù)開發(fā)全攻略：集成Storybook可視化與Jest測(cè)試，一鍵發(fā)布至npm平時(shí)我除了業(yè)務(wù)需求撵溃，偶爾會(huì)投入到UI組件的開發(fā)中疚鲤，大多數(shù)時(shí)候只會(huì)負(fù)責(zé)自己業(yè)務(wù)場(chǎng)景相關(guān)或者一小部分公共組件，極少有從創(chuàng)建項(xiàng)目缘挑、集成可視化集歇、測(cè)試到發(fā)...
-
輕松實(shí)現(xiàn)H5頁(yè)面下拉刷新：滑動(dòng)觸發(fā)、高度提示與數(shù)據(jù)刷新全攻略前段時(shí)間在做小程序到H5的遷移语淘，其中小程序中下拉刷新的功能引起了產(chǎn)品的注意诲宇。他說(shuō)到，哎惶翻，我們遷移后的H5頁(yè)面怎么沒(méi)有下拉刷新姑蓝，于是乎，我就急忙將...
-
抽絲剝繭：詳述一次DevServer Proxy配置無(wú)效問(wèn)題的細(xì)致排查過(guò)程事情的起因是這樣的吕粗，在一個(gè)已上線的項(xiàng)目中纺荧，其中一個(gè)包含登錄和獲取菜單的接口因響應(yīng)時(shí)間較長(zhǎng)，后端讓我嘗試未經(jīng)服務(wù)轉(zhuǎn)發(fā)的另一域名下的新接口，舊接口允...