
React 組件性能優(yōu)化最佳實(shí)踐 React 組件性能優(yōu)化的核心是減少渲染真實(shí) DOM 節(jié)點(diǎn)的頻率,減少 Virtual DOM 比對(duì)的頻率。 ...
最近參考Matrix做了卡頓監(jiān)控的流程,整體流程思想就不多說(shuō)了。這里注釋了核心方法代碼,做下記錄,也方便大家閱讀代碼。 子線程監(jiān)聽(tīng)-核心主流程 ...
模板編譯 模板編譯的主要目的是將模板 (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í)的版本。編譯器:用來(lái)將模板字符串編譯成為 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)路由通過(guò)當(dāng)前路由規(guī)則獲取 或者 通過(guò)開(kāi)啟 props 獲取, 建議通過(guò)props來(lái)解耦 3.嵌套路由 路由跳轉(zhuǎn)repla...
Hook 基類,負(fù)責(zé)通用方法實(shí)現(xiàn) HookCodeFactory & SyncHookHookCodeFactory 代碼構(gòu)建SyncHook ...