@小林_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ā)簡信
IP屬地：四川
-
-
useEffect的閉包陷阱及useInterval
首先先看一段代碼： 結(jié)果是：頁面上count一直顯示1；解析：useEffect的第二個參數(shù)為空數(shù)組蒜埋，所以只會在組件加載后僅執(zhí)行一次毅臊，我們知道組件每次render的時候都會生...
-
一起學(xué)習(xí)Next.js吧（下）
接上篇：一起學(xué)習(xí)Next.js吧（上）[http://www.reibang.com/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)（代碼同時...
-
【W(wǎng)ebpack】Webpack核心原理這篇主要就講一下【打包】（bundle是打包胳搞，bundler是打包器） 現(xiàn)有問題 上面三個文件的代碼都不能直接運(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算法比較兩個節(jié)點(diǎn)的時候锭汛，只會在同層級進(jìn)行比較笨奠，而不會跨層級比較（也就是說只會在擁有相同爸爸的子節(jié)點(diǎn)中進(jìn)行對比）袭蝗。 這次我們先說結(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ù)最長子串長度
滑動窗口法 'abcabcbb'1篓足、拿出兩根手指，左邊指向第一位闰蚕，右邊指向它的后一位栈拖，進(jìn)行對比，看是否相同没陡；2涩哟、不同的話，右手往后走一位盼玄，再分別與前面的每一位進(jìn)行對比是否相同...
-
算法——兩數(shù)之和找出數(shù)組中兩數(shù)之和等于目標(biāo)數(shù)的下標(biāo) 1贴彼、建一個桶，桶里key是沒有找到差值的元素埃儿，value是它的index器仗；2、比如從3開始童番，35-3=32精钮，所以去桶里找是否有32，沒有就...
-
算法——大數(shù)相加瀏覽器可以計(jì)算15位數(shù)字的加減剃斧，對于16位的數(shù)字它就搞不定了轨香，但是，最近出了bigint數(shù)據(jù)類型幼东，可以在16位及以上位數(shù)的數(shù)字最后加上n臂容，就可以進(jìn)行相加了；下面我們用算法來演...
-
【組件2】對話框 - Dialog確定API 要確保你的API和同行的API沒有太大不同筋粗，否則用戶學(xué)習(xí)成本變高策橘，不利于我們的UI使用炸渡；所以我們就可以去copy下同行的API娜亿； 提供兩種風(fēng)格：一是標(biāo)簽風(fēng)格，二是...
-
組件上的v-model蚌堵、model與sync（包括vue2买决、vue3的區(qū)別）首先它們都是來表示雙向綁定一個props值的沛婴，我們用這三種寫法來演示同一功能，表現(xiàn)一模一樣 用sync 1督赤、父組件中對需要雙向綁定的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ù)邏輯會過于分散； 使用組合式API约计，可以把同一業(yè)務(wù)邏輯的代碼放在一起诀拭； 使用組合式API寫代碼 1、所有邏輯都放在setup函數(shù)煤蚌，...
-
this關(guān)鍵字
記住耕挨，對于function函數(shù)，this就是call的第一個參數(shù)Ｎ咀Ｍ舱肌！箭頭函數(shù)的this定義：箭頭函數(shù)的this是在定義函數(shù)時綁定的魄健，而不是在執(zhí)行過程中綁定的８陈痢！沽瘦！人話：箭頭...
-
【TS基礎(chǔ)】數(shù)據(jù)類型及特性講解—接口
數(shù)據(jù)類型 JS 七種類型 + 枚舉 + any + void + never 1革骨、 枚舉（enum）可以這樣理解，你要給Gender賦值"man"或"woman"（因?yàn)樾詣e只...
-
【React基礎(chǔ)】元素與組件如果是元素析恋，首字母小寫良哲；如果是組件，首字母大寫助隧；這是一個約定筑凫，大家都這么寫； 一并村、元素 上面這是一個React元素巍实； 二、組件（以后都是優(yōu)先使用函數(shù)組件） 上面這是一個Rea...