React 組件性能優(yōu)化最佳實(shí)踐 React 組件性能優(yōu)化的核心是減少渲染真實(shí) DOM 節(jié)點(diǎn)的頻率泣栈,減少 Virtual DOM 比對(duì)的頻率绍在。 ...
最近參考Matrix做了卡頓監(jiān)控的流程,整體流程思想就不多說了幽邓。這里注釋了核心方法代碼摇幻,做下記錄夫否,也方便大家閱讀代碼。 子線程監(jiān)聽-核心主流程 ...
模板編譯 模板編譯的主要目的是將模板 (template) 轉(zhuǎn)換為渲染函數(shù) (render) vue-template-explorerVue ...
響應(yīng)式 響應(yīng)式處理的入口 src\core\instance\init.js initState(vm) vm 狀態(tài)的初始化 初始化了 _dat...
Vue 的不同構(gòu)建版本 完整版:同時(shí)包含編譯器和運(yùn)行時(shí)的版本局待。編譯器:用來將模板字符串編譯成為 JavaScript 渲染函數(shù)的代碼斑响,體積大、效...
虛擬 DOM 的作用 維護(hù)視圖和狀態(tài)的關(guān)系 復(fù)雜視圖情況下提升渲染性能 跨平臺(tái)? 瀏覽器平臺(tái)渲染DOM? 服務(wù)端渲染 SSR(Nuxt.js/N...
數(shù)據(jù)驅(qū)動(dòng) 數(shù)據(jù)響應(yīng)式燎猛、雙向綁定恋捆、數(shù)據(jù)驅(qū)動(dòng) 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型僅僅是普通的 JavaScript 對(duì)象,而當(dāng)我們修改數(shù)據(jù)時(shí)重绷,視圖會(huì)進(jìn)行更新沸停,避免了...
路由使用 靜態(tài)路由 動(dòng)態(tài)路由通過當(dāng)前路由規(guī)則獲取 或者 通過開啟 props 獲取, 建議通過props來解耦 3.嵌套路由 路由跳轉(zhuǎn)repla...
Hook 基類昭卓,負(fù)責(zé)通用方法實(shí)現(xiàn) HookCodeFactory & SyncHookHookCodeFactory 代碼構(gòu)建SyncHook ...