VUE3.0從實戰到源碼剖析培訓班

時間

內容

備注

第一天

上午

TypeScript

1.   TypeScript簡介和環境搭建

2.   TypeScript靜態類型

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

4.   類型注解和類型推斷

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

6.   數組類型注解的方法

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

8.   初識接口Interface

9.   初識接口Interface2

10. 類的概念和使用

11. 類的訪問類型

12. 類的構造函數

第一天

下午

TypeScript

1.   類的Getter、Setter和static

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

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

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

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

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

7.   Enum枚舉類型詳細講解

8.   TypeScript函數中使用泛型

9.   TypeScrip在類中使用泛型

10. 初識TypeScript的命名空間-NameSpace

11. 深入TypeScript的命名空間-NameSpace

12. TypeScript如何使用impot語法

13. 用Parcel打包TypeScript代碼

14. 在TypeScript中使用Jquery庫

第二天

上午

Vue3

1.   構建vue項目

2.   2.0與3.0的差異

3.   vue.config.js

4.   Vue3.0開篇

5.   diff算法

6.   靜態提升和監聽緩存

7.   項目創建

8.   存在的問題

9.   組合API上

10. 組合API中

11. 組合API下

12. 組合API本質

13. setup執行時機和注意點

14. Vue3.0-ref

15. ref和reactive區別

第二天

下午

Vue3

1.   遞歸監聽

2.   非遞歸監聽

3.   shallowRef本質

4.   toRaw

5.   markRaw

6.   toRef

7.   toRefs

8.   customRef上

9.   customRef下

10. ref-獲取元素

11. readonly家族

12. V3響應式數據本質上

13. V3響應式數據本質下

14. 手寫shallowReactive-shallowRef

15. 手寫reactive-ref

16. 手寫readonly-shallowReadonly

第三天

上午

Vite

17. Vite定義

18. Vite由來

19. 對比差異點

20. Optimize

21. HMR

22. Build

23. 打包 or 不打包

24. 開箱即用

25. 實現原理

第三天

下午

Vue3源碼進階

1.   剖析Vue Composition API

2.   源碼目錄

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

4.   對象攔截

5.   數組方法劫持

6.   Vue3數據響應機制-Proxy

7.   reactive方法實現

8.   effect實現

9.   ref實現

10. computed實現