什么是閉包 前沿：在 JS 中规辱，當一段代碼使用一個變量時晨雳，js引擎會順著作用域鏈[http://www.reibang.com/p/bc8fe0ae3296]去查找，函數(shù)作...
發(fā)簡信
IP屬地：廣東
-
React中的this.setState到底是異步還是同步势腮？
結論：react v18之后周蹭，不管在哪里調用都是異步在React18之前：setState 只在合成事件和鉤子函數(shù)中是“異步”的显拜，在原生事件和 setTimeout 中都是同...
-
寫一個簡單的EventBus
由于需要將事件和監(jiān)聽函數(shù)映射起來奄妨，考慮使用對象存儲兩者的對應關系。簡單代碼邏輯如下: 使用的時候利用類的單例模式[http://www.reibang.com/p/7492...
-
瀏覽器中的js執(zhí)行機制一捆探、JS代碼執(zhí)行流程 JS的執(zhí)行機制：先編譯，再執(zhí)行站粟。js代碼在編譯階段黍图，會創(chuàng)建執(zhí)行上下文，變量和函數(shù)會被放到變量環(huán)境中奴烙，變量初始化為undefiend助被；在執(zhí)行階段，js引擎...
-
輸入url到頁面顯示發(fā)生了什么切诀？前沿：瀏覽器的多進程架構 chrome的多進程架構主要包括以下幾個進程： 1揩环、瀏覽器（主）進程：主要負責子進程管理、頁面顯示（地址欄趾牧、工具欄检盼、書簽欄等UI元素）、用戶交互（處...
-
Do not access Object.prototype method 'hasOwnProperty' from target object.使用hasOwnProperty判斷對象上是否存在某個key值時遇到一個eslint報錯Do not access Object.prototype method 'hasO...
-
TS+React+webpack搭建項目
下面是使用 TypeScript失晴、React 和 Webpack 配置一個簡單項目的步驟 1. 首先剧腻，創(chuàng)建一個新文件夾并打開終端，運行以下命令初始化 npm 項目 2. 安裝...
-
sessionStorage涂屁、localStorage书在、cookie的區(qū)別
共同點： 都保存在瀏覽器端 區(qū)別： 1、sessionStorage:不會與其他窗口頁面共享數(shù)據(jù)拆又；本地存儲數(shù)據(jù)儒旬；只在當前瀏覽器窗口頁面有效，頁面關閉帖族，sessionStora...
-
不要濫用useCallback涣雕、useMemo
useCallback艰亮、useMemo是做緩存并優(yōu)化性能，但是緩存機制也是有開銷的胞谭，使用方法不正確會導致負優(yōu)化 1垃杖、不要濫用useCallback 組件的state或者pro...
-
*.d.ts導入import其它類型導致全局類型失效問題
原因在于，在一個.d.ts文件中引入了其他模塊丈屹，就會使ts類型系統(tǒng)將其視為一個模塊调俘，導致其中的所有類型即使添加了declare關鍵字也不能直接全局使用解決辦法： 參考：htt...
-
樹的遍歷查看祖先節(jié)點
樹的全部展開操作，一般需要獲取到所有的樹的組件節(jié)點key樹的數(shù)據(jù)結構： 1旺垒、查看所有的父節(jié)點 2彩库、查找某個指定節(jié)點的所有祖先節(jié)點
-
antd打包生成的lib / es / dist
lib / es / dist 是通過三個不同的模塊系統(tǒng)打包生成的 es：es module模塊系統(tǒng) lib: commonjs模塊系統(tǒng) dist：UMD模塊系統(tǒng) conf...
-
webpack與babel關系與區(qū)別
1、babel[https://babeljs.io/docs/en/]是一個JS編譯器先蒋，用來將ES6/ES7等語法轉換為ES5語法（瀏覽器不認識的語法編譯成瀏覽器認識的語法...