某網Vue.js 原始碼全方位深入解析(實戰篇)
阿新 • • 發佈:2019-02-01
第1章 準備工作
介紹了 Flow、Vue.js 的原始碼目錄設計、Vue.js 的原始碼構建方式,以及從入口開始分析了 Vue.js 的初始化過程。
1-1 課程簡介
1-2 準備工作
1-3 認識 Flow-文件
1-4 認識 Flow
1-5 Vue.js 原始碼目錄設計-文件
1-6 Vue.js 原始碼目錄設計
1-7 Vue.js 原始碼構建-文件
1-8 Vue.js 原始碼構建
1-9 從入口開始-文件
1-10 從入口開始
第2章 資料驅動
詳細講解了模板資料到 DOM 渲染的過程,從 new Vue 開始,分析了 mount、render、update、patch 等流程。
2-1 資料驅動-文件
2-2 資料驅動
2-3 new Vue 發生了什麼-文件
2-4 new Vue 發生了什麼
2-5 Vue 例項掛載的實現-文件
2-6 Vue 例項掛載的實現
2-7 render-文件
2-8 render
2-9 Virtual DOM-文件
2-10 Virtual DOM
2-11 createElement-文件
2-12 createElement
2-13 update-文件
2-14 update
第3章 元件化
分析了元件化的實現原理,並且分析了元件周邊的原理實現,包括合併配置、生命週期、元件註冊、非同步元件。
3-1 元件化-文件
3-2 元件化
3-3 createComponent-文件
3-4 createComponent
3-5 patch-文件
3-6 patch(上)
3-7 patch(下)
3-8 合併配置-文件
3-9 合併配置(上)
3-10 合併配置(下)
3-11 生命週期-文件
3-12 生命週期
3-13 元件註冊-文件
3-14 元件註冊(上)
3-15 元件註冊(下)
3-16 非同步元件-文件
3-17 非同步元件(工廠函式)
3-18 非同步元件(Promise)
3-19 非同步元件(高階)
第4章 深入響應式原理(上)
詳細講解了資料的變化如何驅動檢視的變化,分析了響應式物件的建立,依賴收集、派發更新的實現過程,一些特殊情況的處理,並對比了計算屬性和偵聽屬性的實現,最後分析了元件更新的過程。
4-1 深入響應式原理-文件
4-2 深入響應式原理
4-3 響應式物件-文件
4-4 響應式物件(上)
4-5 響應式物件(下)
4-6 依賴收集-文件
4-7 依賴收集(上)
4-8 依賴收集(下)
4-9 派發更新-文件
4-10 派發更新(上)
4-11 派發更新(下)
4-12 nextTick-文件
4-13 nextTick
4-14 檢測變化的注意事項-文件
4-15 檢測變化的注意事項
第5章 深入響應式原理(下)
詳細講解了資料的變化如何驅動檢視的變化,分析了響應式物件的建立,依賴收集、派發更新的實現過程,一些特殊情況的處理,並對比了計算屬性和偵聽屬性的實現,最後分析了元件更新的過程。
5-1 計算屬性 VS 偵聽屬性-文件
5-2 計算屬性 VS 偵聽屬性(1)
5-3 計算屬性 VS 偵聽屬性(2)
5-4 計算屬性 VS 偵聽屬性(3)
5-5 計算屬性 VS 偵聽屬性(4)
5-6 計算屬性 VS 偵聽屬性(5)
5-7 元件更新-文件
5-8 元件更新(1)
5-9 元件更新(2)
5-10 元件更新(3)
5-11 原理圖
第6章 -編譯(上)
從編譯的入口函式開始,分析了編譯的三個核心流程的實現:parse -> optimize -> codegen。
第7章 -編譯(下)
從編譯的入口函式開始,分析了編譯的三個核心流程的實現:parse -> optimize -> codegen。
第8章 -擴充套件(上)
詳細講解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理實現,該章節作為一個可擴充套件章節,未來會分析更多 Vue 提供的特性。
第9章 -擴充套件(中)
詳細講解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理實現,該章節作為一個可擴充套件章節,未來會分析更多 Vue 提供的特性。
第10章 -擴充套件(下)
詳細講解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理實現,該章節作為一個可擴充套件章節,未來會分析更多 Vue 提供的特性。
第11章 Vue-Router
分析了 Vue-Router 的實現原理,從路由註冊開始,分析了路由物件、matcher,並深入分析了整個路徑切換的實現過程和細節。
第12章 Vuex
分析了 Vuex 的實現原理,深入分析了它的初始化過程,常用 API 以及外掛部分的實現。