序
前言
第1章 權衡的藝術2
1.1命令式和聲明式2
1.2性能與可維護性的權衡3
1.3虛擬DOM的性能到底如何4
1.4運行時和編譯時8
1.5總結11
第2章 框架設計的核心要素12
2.1提升用戶的開發體驗12
2.2控制框架代碼的體積14
2.3框架要做到良好的Tree-Shaking15
2.4框架應該輸出怎樣的構建產物17
2.5特性開關19
2.6錯誤處理21
2.7良好的TypeScript類型支持23
2.8總結25
第3章Vue.js 3的設計思路27
3.1聲明式地描述UI27
3.2初識渲染器29
3.3組件的本質32
3.4模板的工作原理34
3.5Vue.js是各個模塊組成的有機整體36
3.6總結37
第4章響應繫統的作用與實現40
4.1響應式數據與副作用函數40
4.2響應式數據的基本實現41
4.3設計一個完善的響應繫統43
4.4分支切換與cleanup50
4.5嵌套的effect與effect棧55
4.6避免無限遞歸循環59
4.7調度執行60
4.8計算屬性computed與lazy64
4.9watch的實現原理71
4.10立即執行的watch與回調執行時機75
4.11過期的副作用77
4.12總結82
第5章非原始值的響應式方案84
5.1理解Proxy和Reflect84
5.2JavaScript對像及Proxy的工作原理88
5.3如何代理Object92
5.4合理地觸發響應102
5.5淺響應與深響應108
5.6隻讀和淺隻讀110
5.7代理數組113
5.7.1數組的索引與 length114
5.7.2遍歷數組119
5.7.3數組的查找方法124
5.7.4隱式修改數組長度的原型方法129
5.8代理Set和Map132
5.8.1如何代理Set和Map133
5.8.2建立響應聯繫137
5.8.3避免污染原始數據140
5.8.4處理forEach143
5.8.5迭代器方法147
5.8.6values與keys方法152
5.9總結155
第6章原始值的響應式方案158
6.1引入ref的概念158
6.2響應丟失問題160
6.3自動脫ref164
6.4總結166
第7章渲染器的設計170
7.1渲染器與響應繫統的結合170
7.2渲染器的基本概念172
7.3自定義渲染器175
7.4總結179
第8章掛載與更新180
8.1掛載子素的屬性180
8.2HTML Attributes與DOM Properties182
8.3正確素屬性184
8.4class的處理189
8.5卸載操作192
8.6區分vnode的類型195
8.7事件的處理196
8.8事件冒泡與更新時機問題201
8.9更新子節點204
8.10文本節點和注釋節點209
8.11Fragment212
8.12總結215
第9章簡單Diff算法218
9.1減少DOM操作的性能開銷218
9.2DOM復用與key的作用221
9.3找到需要素225
9.4如素228
9.5素233
9.6移除不素238
9.7總結241
第10章 雙端Diff算法242
10.1雙端比較的原理242
10.2雙端比較的優勢252
10.3非理想狀況的處理方式255
10.4素263
10.5移除不素268
10.6總結270
第11章 快速Diff算法271
11.1相同素素271
11.2判斷是否需要進行DOM移動操作279
11.3如素288
11.4總結296
第12章 組件的實現原理298
12.1渲染組件298
12.2組件狀態與自更新301
12.3組件實例與組件的生命周期304
12.4props與組件的被動更新306
12.5setup函數的作用與實現311
12.6組件事件與emit的實現314
12.7插槽的工作原理與實現316
12.8注冊生命周期318
12.9總結320
第13章 異步組件與函數式組件322
13.1異步組件要解決的問題322
13.2異步組件的實現原理324
13.2.1封裝defineAsyncComponent函數324
13.2.2超時與Error組件325
13.2.3延遲與Loading組件328
13.2.4重試機制331
13.3函數式組件333
13.4總結335
第14章 內建組件和模塊337
14.1KeepAlive組件的實現原理337
14.1.1組件的激活與失活337
14.1.2include和exclude342
14.1.3緩存管理343
14.2Teleport組件的實現原理346
14.2.1Teleport組件要解決的問題346
14.2.2實現Teleport組件347
14.3Transition組件的實現原理350
14.3.1原生DOM的過渡351
14.3.2實現Transition組件356
14.4總結360
第15章 編譯器核心技術概覽364
15.1模板DSL的編譯器364
15.2parser的實現原理與狀態機368
15.3構造AST374
15.4AST的轉換與插件化架構383
15.4.1節點的訪問383
15.4.2轉換上下文與節點操作387
15.4.3進入與退出392
15.5將模板AST轉為JavaScript AST396
15.6代碼生成402
15.7總結407
第16章 解析器409
16.1文本模式及其對解析器的影響409
16.2遞歸下降算法構造模板AST413
16.3狀態機的開啟與停止419
16.4解析標簽節點426
16.5解析屬性430
16.6解析文本與解碼HTML實體436
16.6.1解析文本436
16.6.2解碼命名字符引用438
16.6.3解碼數字字符引用445
16.7解析插值與注釋449
16.8總結451
第17章 編譯優化453
17.1動態節點收集與補丁標志453
17.1.1傳統Diff算法的問題453
17.1.2Block與PatchFlags454
17.1.3收集動態節點457
17.1.4渲染器的運行時支持459
17.2Block樹461
17.2.1帶有v-if指令的節點462
17.2.2帶有v-for指令的節點464
17.2.3Fragment的穩定性465
17.3靜態提升466
17.4預字符串化468
17.5緩存內聯事件處理函數469
17.6v-once470
17.7總結471
第18章 同構渲染474
18.1CSR、SSR以及同構渲染474
18.2將虛擬DOM渲染為HTML字符串478
18.3將組件渲染為HTML字符串484
18.4客戶端激活的原理489
18.5編寫同構的代碼494
18.5.1組件的生命周期494
18.5.2使用跨平臺的API496
18.5.3隻在某一端引入模塊496
18.5.4避免交叉請求引起的狀態污染497
18.5.5組件498
18.6總結499

^_^:5812abc2e55b29c38b773cbbace7dd00