@小林_4de7 這里 https://github.com/wangdoudou86/webpack-demo
【W(wǎng)ebpack】AST、babel、依賴babel babel的原理 1、parse：把代碼變成AST2、traverse：遍歷AST進(jìn)行修改；3、generate：把AST變成代碼2 看下AST到底是什么東西 n...
發(fā)簡(jiǎn)信
IP屬地：四川
-
-
useEffect的閉包陷阱及useInterval
首先先看一段代碼： 結(jié)果是：頁面上count一直顯示1；解析：useEffect的第二個(gè)參數(shù)為空數(shù)組，所以只會(huì)在組件加載后僅執(zhí)行一次，我們知道組件每次render的時(shí)候都會(huì)生...
-
一起學(xué)習(xí)Next.js吧（下）
接上篇：一起學(xué)習(xí)Next.js吧（上）[http://www.itdecent.cn/p/ff0e48a35d5a] 啟用TypeScript 創(chuàng)建tsconfig.jso...
-
一起學(xué)習(xí)Next.js吧（上）
Next.js是什么 它是Node.js的全棧框架 CSS要寫在JS中； 可以頁面預(yù)渲染 + SSR（Server Side Render服務(wù)端渲染）； 前后端同構(gòu)（代碼同時(shí)...
-
【W(wǎng)ebpack】Webpack核心原理這篇主要就講一下【打包】（bundle是打包，bundler是打包器） 現(xiàn)有問題 上面三個(gè)文件的代碼都不能直接運(yùn)行在瀏覽器中，因?yàn)闉g覽器不支持直接運(yùn)行帶有import和exp...
-
【W(wǎng)ebpack】AST、babel、依賴babel babel的原理 1、parse：把代碼變成AST2、traverse：遍歷AST進(jìn)行修改；3、generate：把AST變成代碼2 看下AST到底是什么東西 n...
-
關(guān)于vue和React的diff算法以及key的用途在使用Diff算法比較兩個(gè)節(jié)點(diǎn)的時(shí)候，只會(huì)在同層級(jí)進(jìn)行比較，而不會(huì)跨層級(jí)比較（也就是說只會(huì)在擁有相同爸爸的子節(jié)點(diǎn)中進(jìn)行對(duì)比）。 這次我們先說結(jié)論，兩者有什么區(qū)別1、child...
-
React的capture value及useRef使用
capture value 如上面代碼，先點(diǎn)擊【3秒后顯示x】，之后在3秒內(nèi)多次點(diǎn)擊【+1】到8，即頁面上x顯示到8，那么3秒后打印出的x是多少呢？ 答：顯示0；那么為什么呢...
-
算法——無重復(fù)最長子串長度
滑動(dòng)窗口法 'abcabcbb'1、拿出兩根手指，左邊指向第一位，右邊指向它的后一位，進(jìn)行對(duì)比，看是否相同；2、不同的話，右手往后走一位，再分別與前面的每一位進(jìn)行對(duì)比是否相同...
-
算法——兩數(shù)之和找出數(shù)組中兩數(shù)之和等于目標(biāo)數(shù)的下標(biāo) 1、建一個(gè)桶，桶里key是沒有找到差值的元素，value是它的index；2、比如從3開始，35-3=32，所以去桶里找是否有32，沒有就...
-
算法——大數(shù)相加瀏覽器可以計(jì)算15位數(shù)字的加減，對(duì)于16位的數(shù)字它就搞不定了，但是，最近出了bigint數(shù)據(jù)類型，可以在16位及以上位數(shù)的數(shù)字最后加上n，就可以進(jìn)行相加了；下面我們用算法來演...
-
【組件2】對(duì)話框 - Dialog確定API 要確保你的API和同行的API沒有太大不同，否則用戶學(xué)習(xí)成本變高，不利于我們的UI使用；所以我們就可以去copy下同行的API； 提供兩種風(fēng)格：一是標(biāo)簽風(fēng)格，二是...
-
組件上的v-model、model與sync（包括vue2、vue3的區(qū)別）首先它們都是來表示雙向綁定一個(gè)props值的，我們用這三種寫法來演示同一功能，表現(xiàn)一模一樣 用sync 1、父組件中對(duì)需要雙向綁定的props用sync修飾符；2、子組件觸發(fā)...
-
HTTP緩存之Cache-Control、Expires
一、緩存控制Cache-Control 它如何添加呢？通過Cache-Control響應(yīng)頭設(shè)置max-age=xx(xx的單位是秒)； response.setHeader(...
-
【Vue3】組合式API為什么要用組合式API呢 用原始方式寫，業(yè)務(wù)邏輯會(huì)過于分散； 使用組合式API，可以把同一業(yè)務(wù)邏輯的代碼放在一起； 使用組合式API寫代碼 1、所有邏輯都放在setup函數(shù)，...
-
this關(guān)鍵字
記住，對(duì)于function函數(shù)，this就是call的第一個(gè)參數(shù)?。?！箭頭函數(shù)的this定義：箭頭函數(shù)的this是在定義函數(shù)時(shí)綁定的，而不是在執(zhí)行過程中綁定的！?。∪嗽挘杭^...
-
【TS基礎(chǔ)】數(shù)據(jù)類型及特性講解—接口
數(shù)據(jù)類型 JS 七種類型 + 枚舉 + any + void + never 1、 枚舉（enum）可以這樣理解，你要給Gender賦值"man"或"woman"（因?yàn)樾詣e只...
-
【React基礎(chǔ)】元素與組件如果是元素，首字母小寫；如果是組件，首字母大寫；這是一個(gè)約定，大家都這么寫； 一、元素 上面這是一個(gè)React元素； 二、組件（以后都是優(yōu)先使用函數(shù)組件） 上面這是一個(gè)Rea...