webpack配置中的devtool字段可以允許我們控制sourcemap的生成,提供開發(fā)時(shí)候的代碼定位功能 關(guān)于sourcemap可以參考 s...
簡介 編程語言會(huì)有不同的數(shù)據(jù)類型,這是因?yàn)閿?shù)據(jù)是對(duì)不同場(chǎng)景的實(shí)體的量化抽象,不同實(shí)體之間會(huì)有區(qū)別,另外,不同類型的數(shù)據(jù)的應(yīng)用場(chǎng)景和操作也是不一樣...
簡介 requestAnimationFrame和requestIdleCallback的應(yīng)用場(chǎng)景并不一樣,requestAnimationFr...
本文介紹一種優(yōu)化首屏訪問速度的技術(shù):前端預(yù)渲染,并封裝自定義的React hook,解決預(yù)渲染中的數(shù)據(jù)初始化問題。 一、首屏速度慢的問題 如果網(wǎng)...
一、前端預(yù)渲染的局限 我們知道前端預(yù)渲染的原理是:構(gòu)建打包之后,插件會(huì)在本地啟動(dòng)express靜態(tài)服務(wù),serve打包好的靜態(tài)資源。然后再啟動(dòng)一...
正則簡介 參考資料 JS正則表達(dá)式完整教程(略長)[https://juejin.cn/post/6844903487155732494#hea...
實(shí)現(xiàn)自適應(yīng)的正方形效果,即讓元素高度隨寬度改變。 實(shí)現(xiàn)的思路是父元素設(shè)置寬度,子元素寬度100%,然后控制子元素?fù)伍_父元素的高度,撐開的高度和寬...
一、Composition API概述 當(dāng)我們編寫Vue組件時(shí)候,組件中可能包含一系列的功能,例如一個(gè)代碼倉庫管理的應(yīng)用,用戶的倉庫列表可以看做...
目標(biāo) 支持ts轉(zhuǎn)譯 識(shí)別.ts、.tsx、.d.ts文件 編輯器語法檢查和提示(vscode默認(rèn)支持TypeScript語法,會(huì)根據(jù)tsconf...