roger1253

webpack的配置及基本運(yùn)行原理 能分清loader和plugins區(qū)別 核心概念：entry,output,loader,plugins 運(yùn)行過程：初始化參數(shù)依照參數(shù)初始...

roger1253

webpack的配置及基本運(yùn)行原理 能分清loader和plugins區(qū)別 核心概念：entry,output,loader,plugins 運(yùn)行過程：初始化參數(shù)依照參數(shù)初始...

roger1253

添加 cdn 預(yù)解析巩梢，例如預(yù)解析圖片服務(wù)器

roger1253

使用 HTTP2 使用緩存強(qiáng)緩存Expires: Wed, 22 Oct 2018 08:41:00 GMTCache-control: max-age=30協(xié)商緩存Last...

roger1253

使用圖片壓縮舟误，如 tinypng 源武，減少體積 對(duì)于HTTP1.1副瀑，可以使用雪碧圖拼接icon做成單張圖片，減少請(qǐng)求次數(shù)胰默，避免占用并發(fā)通道但是在HTTP2中场斑，由于其多路復(fù)用的特...

roger1253

應(yīng)當(dāng)放在頁面頭部， 中牵署，防止出現(xiàn)頁面閃動(dòng)使用 @font-face 預(yù)加載字體font-display 設(shè)置為 swap （標(biāo)題）或 fallback（正文）

roger1253

添加defer屬性漏隐，延遲執(zhí)行腳本，不阻塞頁面解析及渲染 如果腳本與頁面元素?zé)o關(guān)奴迅，改為添加async屬性青责，加載完成后立即執(zhí)行 如果瀏覽器版本不支持這兩個(gè)屬性，那么將 放在頁面尾...

roger1253

升級(jí) webpack 版本至 4.x 使用 happypack 進(jìn)行多線程編譯 webpack 4.0 發(fā)布后 happypack 已經(jīng)不維護(hù)，使用 webpack 自帶的 ...

roger1253

添加骨架屏爽柒，例如 ant design 的 添加 loading 加載狀態(tài)及對(duì)應(yīng)圖標(biāo)

roger1253

性能指標(biāo) RAIL 模型Response 響應(yīng) 100ms 內(nèi)獲得回應(yīng)Animation 動(dòng)畫 保持 60 幀吴菠，即每幀 16msIdle 空閑 將部分處理延后，在瀏覽器空閑時(shí)...

roger1253

原文： https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model ...

roger1253

微信瀏覽器使用的是QQ瀏覽器X5內(nèi)核浩村，而非系統(tǒng)內(nèi)核 微信不是開源軟件做葵，具體的緩存邏輯不清楚，而且各個(gè)版本不同心墅，只能猜測(cè) 所以導(dǎo)致了各種技術(shù)解決方案都沒有一勞永逸解決問題的（說...

roger1253

例： 時(shí)間：2020-06-15 機(jī)型：蘋果Ihpne7 操作系統(tǒng)版本：11.3 蘋果手機(jī)查找操作系統(tǒng)版本 華為手機(jī)查找操作系統(tǒng)版本 小米手機(jī)查找操作系統(tǒng)版本 其他型號(hào)自行百...