React 組件性能優(yōu)化最佳實踐 React 組件性能優(yōu)化的核心是減少渲染真實 DOM 節(jié)點的頻率,減少 Virtual DOM 比對的頻率。 ...
最近參考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)建版本 完整版:同時包含編譯器和運(yùn)行時的版本。編譯器:用來將模板字符串編譯成為 JavaScript 渲染函數(shù)的代碼,體積大、效...
數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式、雙向綁定、數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型僅僅是普通的 JavaScript 對象,而當(dāng)我們修改數(shù)據(jù)時,視圖會進(jìn)行更新,避免了...
路由使用 靜態(tài)路由 動態(tài)路由通過當(dāng)前路由規(guī)則獲取 或者 通過開啟 props 獲取, 建議通過props來解耦 3.嵌套路由 路由跳轉(zhuǎn)repla...
Hook 基類,負(fù)責(zé)通用方法實現(xiàn) HookCodeFactory & SyncHookHookCodeFactory 代碼構(gòu)建SyncHook ...
tapable是一種事件驅(qū)動型事件流機(jī)制,本身是一個獨(dú)立的庫。webpack 通過 tapable 將實現(xiàn)與流程解耦,所有具體實現(xiàn)通過插件的形式...