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