前端Vue3框架實戰及源碼探究

時間

內容

備注

第一天

TypeScript

1.  TypeScript簡介和環境搭建

2.  TypeScript靜態類型

3.  基礎靜態類型和對象靜態類型

4.  類型注解和類型推斷

5.  函數參數和返回類型的注解

6.  數組類型注解的方法

7.  元組的使用和類型約束

8.  接口Interface

9.  類的概念和使用

10.類的訪問類型

11.類的構造函數

12.類的Getter、Setter和static

13.抽象類和只讀屬性的使用

14.配置文件-初識tsconfig.json文件

15.配置文件-初識compilerOptions配置項

16.配置文件-compilerOptions配置詳解

17.聯合類型和類型保護（類型守護）

18.Enum枚舉類型詳細講解

19.TypeScript函數中使用泛型

20.TypeScrip在類中使用泛型

21.TypeScript的命名空間-NameSpace

Vue3基礎

1.  Vue3新特性

2.  setup和ref的基本使用

3.  reactive的基本使用

4.  操作代理數據影響界面更新渲染

5.  響應式數據的測試

6.  Vue3-setup的執行時機問題

7.  Vue3-setup返回值的問題

8.  Vue3-setup中的參數

9.  Vue3-reactive和ref的細節問題

10.Vue3-計算屬性和監視

22.Vue3-生命周期對比

第二天

Vue3高級

1.  遞歸監聽

2.  非遞歸監聽

3.  shallowRef本質

4.  Vue3-toRaw和markRaw

5.  toRef

6.  toRefs

7.  customRef上

8.  customRef下

9.  Vue3-provide和inject

10.ref-獲取元素

23.readonly家族

24.Fragment和Teleport組件介紹

25.Suspense組件介紹

Vue3源碼

1.  Vue3源碼下載

2.  Vue3源碼目錄結構

3.  vue3響應式數據的原理

4.  響應式數據的測試

5.  Vue2響應式原理機制-defineProperty

6.  Vue3數據響應機制-Proxy

7.  Proxy實現響應式邏輯

數據響應式原理

1.  Vue3源碼中的核心算法

2.  設計模式中的觀察者模式

3.  觀察者在響應式中的應用

4.  遞歸偵測對象全部屬性

5.  數組的響應式處理

6.  收集依賴

7.  Watcher類和Dep類

8.  手寫響應式框架代碼

虛擬DOM和diff算法

1.  虛擬DOM和h函數

2.  感受diff算法

3.  diff新舊節點處理

4.  diff更新子節點

5.  diff算法的子節點更新策略

第三天

AST抽象語法樹

1.  指針思想

2.  遞歸深入例子

3.  棧的簡介

4.  棧相關算法題

5.  AST實現原理

6.  識別開始結束標記

7.  使用棧形成AST

8.  識別Attrs

模板引擎

1.  什么是模板引擎

2.  模版引擎的基本語法

3.  正則表達式思路簡介

4.  底層tokens思想

5.  手寫實現mustache環境配置

6.  手寫實現Scanner類

7.  手寫將HTML變為tokens

8.  手寫將tokens嵌套起來

9.  手寫將tokens注入數據

10.手寫lookup函數

11.手寫parseArray函數