首先先了解一下Perview和Response： Perview(response preview)：響應(yīng)-預(yù)覽 (響應(yīng)資源進(jìn)行了格式處理的內(nèi)容) Response(Raw ...
發(fā)簡信
IP屬地：浙江
-
控制臺中preview與response返回數(shù)據(jù)不同問題 -
Vue3和Vue2的區(qū)別
vue3 新增的亮點 Performance 性能優(yōu)化 Tree-shaking 支持搖樹優(yōu)化 Composition API 組合式API 新增組件 Fragment T...
-
前端性能監(jiān)控頁面的性能問題是前端開發(fā)中一個重要環(huán)節(jié)，但一直以來我們沒有比較好的手段，來檢測頁面的性能。直到W3C性能小組引入的新的API window.performance，目前IE9...
-
webpack優(yōu)化 - code split
常見的 webpack code split 方法有三種。 多入口配置 在項目開發(fā)的時候，最開始我們可能不知道會有幾個入口，每次增加一個入口都要去配置文件設(shè)置，這樣會比較麻煩...
-
webpack優(yōu)化 - source-map
source-map是一個信息文件，存儲了轉(zhuǎn)換后每一個代碼的位置，在報錯信息中心會顯示代碼報錯信息在原始代碼中的位置，便于問題定位，提升調(diào)試效率。 source-map文件內(nèi)...
-
webpack優(yōu)化 - HMRHot Module Replacement（簡稱 HMR) 第一步：webpack 對文件系統(tǒng)進(jìn)行 watch 并打包到內(nèi)存中 webpack-dev-middleware...
-
Webpack 優(yōu)化總結(jié)
webpack優(yōu)化可以分為兩部分： 開發(fā)環(huán)境性能優(yōu)化 生產(chǎn)環(huán)境性能優(yōu)化 開發(fā)環(huán)境性能優(yōu)化 HMR： 熱加載。 source-map： 一種提供代碼到構(gòu)建后代碼映射的技術(shù)，能夠...
-
理解http1.0、http1.1、http2.0和https
http http是超文本傳輸協(xié)議的縮寫，它是一個無狀態(tài)協(xié)議，即客戶端與服務(wù)器之間不需要建立持久的連接，客戶端向服務(wù)器發(fā)送請求，服務(wù)器響應(yīng)請求，連接就被關(guān)閉了，服務(wù)器不會保留...
-
-
js 宏任務(wù)和微任務(wù)js 執(zhí)行時首先會從宏任務(wù)中獲取第一個并執(zhí)行，執(zhí)行過程中會將遇到的微任務(wù)放入微任務(wù)隊列，當(dāng)宏任務(wù)執(zhí)行完成時再去依次執(zhí)行微任務(wù)隊列中的任務(wù)，執(zhí)行完之后再去獲取第二個宏任務(wù)，周而...
-
js 靜態(tài)作用域和動態(tài)作用域
靜態(tài)作用域：函數(shù)聲明的時候就已經(jīng)確定作用域。動態(tài)作用域：函數(shù)調(diào)用的時候確定作用域。 js采用的是靜態(tài)作用域，也稱詞法作用域。 func2 被調(diào)用，func2 中的 func ...
-
淺談 Webpack 原理基本概念 本質(zhì)上，webpack是JavaScript的靜態(tài)模塊打包工具。在webpack處理程序的時候，它會遞歸的構(gòu)建一張依賴關(guān)系圖，這張關(guān)系圖為程序所需的全部模塊，然后將...
-
