深入淺出 Vue.js

標籤

本書從源碼層面分析了Vue.js。首先，簡要介紹了Vue.js；然後詳細講解了其內部核心技術“變化偵測”，這裡帶領大家從0到1實現一個簡單的“變化偵測”系統；接著詳細介紹了虛擬DOM技術，其中包括虛擬DOM的原理及其patching算法；緊接著詳細討論了模板編譯技術，其中包括模板解析器的實現原理、優化器的原理以及代碼生成器的原理；最後詳細介紹了其整體架構以及提供給我們使用的各種API的內部原理，同時還介紹了生命週期、錯誤處理、指令系統與模板過濾器等功能的原理。 本書適合前端開發人員閱讀。

前言
第1章 Vue.js簡介
第一篇 變化偵測
第2章 Object的變化偵測
2.1 什麼是變化偵測
2.2 如何追蹤變化
2.3 如何收集依賴
2.4 依賴收集在哪裡
2.5 依賴是誰
2.6 什麼是Watcher
2.7 遞歸偵測所有key
2.8 關於Object的問題
2.9 總結
第3章 Array的變化偵測
3.1 如何追蹤變化
3.2 攔截器
3.3 使用攔截器覆蓋Array原型
3.4 將攔截器方法掛載到數組的屬性上
3.5 如何收集依賴
3.6 依賴列表存在哪兒
3.7 收集依賴
3.8 在攔截器中獲取Obschmerver實例
3.9 向數組的依賴發送通知
3.10 偵測數組中元素的變化
3.11 偵測新增元素的變化
3.12 關於Array的問題
3.13 總結
第4章 變化偵測相關的API實現原理
4.1 vm.$watch
4.2 vm.$set
4.3 vm.$delete
4.4 總結
第二篇 虛擬DOM
第5章 虛擬DOM簡介
5.1 什麼是虛擬DOM
5.2 為什麼要引入虛擬DOM
5.3 Vue.js中的虛擬DOM
5.4 總結
第6章 VNode
6.1 什麼是VNode
6.2 VNode的作用
6.3 VNode的類型
6.4 總結
第7章 patch
7.1 patch介紹
7.2 創建節點
7.3 刪除節點
7.4 更新節點
7.5 更新子節點
7.6 總結
第三篇 模板編譯原理
第8章 模板編譯
8.1 概念
8.2 將模板編譯成渲染函數
8.3 總結
第9章 解析器
9.1 解析器的作用
9.2 解析器內部運行原理
9.3 HTML解析器
9.4 文本解析器
9.5 總結
第10章 優化器
10.1 找出所有靜態節點並標記
10.2 找出所有靜態根節點並標記
10.3 總結
第11章 代碼生成器
11.1 通過AST生成代碼字符串
11.2 代碼生成器的原理
11.3 總結
第四篇 整體流程
第12章 架構設計與項目結構
12.1 目錄結構
12.2 架構設計
12.3 總結
第13章 實例方法與全局API的實現原理
13.1 數據相關的實例方法
13.2 事件相關的實例方法
13.3 生命週期相關的實例方法
13.4 全局API的實現原理
13.5 總結
第14章 生命週期
14.1 生命週期圖示
14.2 從源碼角度瞭解生命週期
14.3 errorCaptured與錯誤處理
14.4 初始化實例屬性
14.5 初始化事件
14.6 初始化inject
14.7 初始化狀態
14.8 初始化provide
14.9 總結
第15章 指令的奧秘
15.1 指令原理概述
15.2 自定義指令的內部原理
15.3 虛擬DOM鉤子函數
15.4 總結
第16章 過濾器的奧秘
16.1 過濾器原理概述
16.2 解析過濾器
16.3 總結
第17章 最佳實踐
17.1 為列表渲染設置屬性key
17.2 在v-if/v-if-else/v-else中使用key
17.3 路由切換組件不變
17.4 為所有路由統一添加query
17.5 區分Vuex與props的使用邊界
17.6 避免v-if和v-for一起使用
17.7 為組件樣式設置作用域
17.8 避免在scoped中使用元素選擇器
17.9 避免隱性的父子組件通信
17.10 單文件組件如何命名
17.11 自閉合組件
17.12 prop名的大小寫
17.13 多個特性的元素
17.14 模板中簡單的表達式
17.15 簡單的計算屬性
17.16 指令縮寫
17.17 良好的代碼順序
17.18 總結