React 16是最近一年多React更新最大的版本。除了讓大家喜聞樂見的向下兼容的Fiber，防止了客戶端react在進(jìn)行渲染的時(shí)候阻塞頁(yè)面的其他交互行為。Fiber源碼速...
發(fā)簡(jiǎn)信
IP屬地：北京
-
React新生命周期--getDerivedStateFromProps -
Commonjs、esm、Amd 和 Cmd 的循環(huán)依賴表現(xiàn)和原理當(dāng) a 模塊執(zhí)行時(shí)依賴 b 模塊，b 模塊的執(zhí)行又反過(guò)來(lái)依賴 a 模塊，此時(shí)就發(fā)生了循環(huán)依賴。循環(huán)依賴在平常的業(yè)務(wù)代碼里比較罕見，一般遇到就意味著代碼架構(gòu)是時(shí)候認(rèn)真梳理一下了...
-
useMemo和useEffect有什么區(qū)別？怎么使用useMemo
本文可能會(huì)讓你感覺到很啰嗦，我想盡量線索清晰，但是好像有點(diǎn)失敗... 1. 背景 先看下面這段代碼 現(xiàn)在問幾個(gè)問題：發(fā)生下面幾種情況會(huì)重新渲染界面嗎（也就是getProduc...
-
webpack使用raw-loader內(nèi)聯(lián)靜態(tài)資源失效
原代碼：${require('raw-loader!./meta.html')} 原代碼失效原因： 由于html-webpack-plugin解析語(yǔ)法的改變，將${ "cod...
-
【webpack進(jìn)階】前端運(yùn)行時(shí)的模塊化設(shè)計(jì)與實(shí)現(xiàn)
你真的了解前端模塊化么？ 告別「webpack配置工程師」 webpack是一個(gè)強(qiáng)大而復(fù)雜的前端自動(dòng)化工具。其中一個(gè)特點(diǎn)就是配置復(fù)雜，這也使得「webpack配置工程師」這種...
-
【webpack進(jìn)階】可視化展示webpack內(nèi)部插件與鉤子關(guān)系??
往期文章：【webpack進(jìn)階】前端運(yùn)行時(shí)的模塊化設(shè)計(jì)與實(shí)現(xiàn)【webpack進(jìn)階】使用babel避免webpack編譯運(yùn)行時(shí)模塊依賴 引言 webpack的成功之處，不僅在于...
-
visual studio code 調(diào)試 npm 腳本
假如原來(lái) package.json 里有個(gè)腳本 "prod": "node ./start.js", 為了在調(diào)試狀態(tài)運(yùn)行這個(gè)腳本，在 package.json 中新建一個(gè)腳本...
-
使用charles篩選、修改請(qǐng)求與響應(yīng)前言 最初接觸charles是用到了模擬弱網(wǎng)環(huán)境，同fiddler一樣，charle也是一款很強(qiáng)大的抓包工具，適用于windows和mac，之前用fiddler用習(xí)慣了，一直...
