淺拷貝拷貝 目標對象的屬性 引用類型地址實現(xiàn)淺拷貝的方式Object.assign({}, .obj)Array.slice() 深拷貝拷貝 目標對象的屬性深拷貝實現(xiàn)方式JS...
一個異步請求/操作 模擬代碼如下 要求:實現(xiàn)一個函數(shù)retry ,能對原函數(shù)進行封裝,達到如下效果:如果如果請求失敗,會自動重新發(fā)起請求,最多嘗試n次。 實現(xiàn) 完整測試代碼
初始化配置對象,創(chuàng)建compiler對象實例化插件,調(diào)用插件的apply方法,掛載插件的監(jiān)聽從入口文件執(zhí)行編譯,按照文件類型調(diào)用相應(yīng)的loader,在合適的時間調(diào)用plugi...
在 webpack 打包過程中,經(jīng)常出現(xiàn) vendor.js, app.js 單個文件較大的情況,這偏偏又是網(wǎng)頁最先加載的文件,這就會使得加載時間過長,從而使得白屏時間過長,...
在 webpack 打包過程中,經(jīng)常出現(xiàn) vendor.js, app.js 單個文件較大的情況,這偏偏又是網(wǎng)頁最先加載的文件,這就會使得加載時間過長,從而使得白屏時間過長,...
通過externals配置來提取常用庫利用DllPlugin和DllReferencePlugin預編譯資源模塊,通過DllPlugin來對那些我們引用但是絕對不會修改的np...
loader一、loader 是什么,有什么用是 webpack 用于在編譯過程中解析各類文件格式,并輸出;本質(zhì)上就是一個 node 模塊,通過寫一個函數(shù)來完成自動化的過程;...
Tree Shaking 值的就是當我引入一個模塊的時候,我不引入這個模塊的所有代碼,我只引入我需要的代碼,這就需要借助 webpack 里面自帶的 Tree Shaking...
computedomputed 是計算屬性,它會根據(jù)你所依賴的數(shù)據(jù)動態(tài)顯示新的計算結(jié)果計算屬性將被加入到 Vue 實例中。所有 getter 和 setter 的 this ...
什么是nextTick呢?nextTick,我可以理解為next是下一個的意思,在事件循環(huán)中,每進行一次循環(huán)操作稱為 tick就是下一個事件循環(huán)操作,也就是下一個宏任務(wù) ne...
hash模式 hash 模式的路由中帶有 # 號 hash 模式通過 window.onhashchange 方法監(jiān)聽路由的修改 hash 模式在頁面刷新的時候,發(fā)送的請求 ...
keep-alive是什么 keep-alive是一個抽象組件:它自身不會渲染一個DOM元素,也不會出現(xiàn)在父組件鏈中;使用keep-alive包裹動態(tài)組件時,會緩存不活動的組...
-如果 data 是一個對象,當復用組件時,因為 data 都會指向同一個引用類型地址,其中一個組件的 data 一旦發(fā)生修改,則其他重---用的組件中的 data 也會被一...
一句話概括:采用數(shù)據(jù)劫持結(jié)合發(fā)布-訂閱模式,通過 Object.defineproperty 來劫持各個屬性的 setter,getter,在數(shù)據(jù)變動時發(fā)布消息給訂閱者,觸發(fā)...
在vue中組件通訊可以分為父子組件通訊和非父子組件通信。父組件通過props的方式向子組件傳遞數(shù)據(jù),而子組件可以通過$emit向父組件通信兄弟組件通信: eventBus ;...
一、順序1.加載渲染過程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMoun...
減少HTTP請求數(shù)。使用緩存。腳本的無阻塞加載。內(nèi)聯(lián)腳本的位置優(yōu)化等。Javascript中的DOM 操作優(yōu)化、CSS選擇符優(yōu)化。圖片編碼優(yōu)化,懶加載。