第
一
天

TypeScript

TypeScript

1.TypeScript簡(jiǎn)介和環(huán)境搭建

1.類的Getter、Setter和static

2.TypeScript靜態(tài)類型

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

3.基礎(chǔ)靜態(tài)類型和對(duì)象靜態(tài)類型

3.配置文件-初識(shí)tsconfig.json文件

4.類型注解和類型推斷

4.配置文件-初識(shí)compilerOptions配置項(xiàng)

5.函數(shù)參數(shù)和返回類型的注解

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

6.數(shù)組類型注解的方法

6.聯(lián)合類型和類型保護(hù)（類型守護(hù)）

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

7.Enum枚舉類型詳細(xì)講解

8.初識(shí)接口Interface

8.TypeScript函數(shù)中使用泛型

9.初識(shí)接口Interface2

9.TypeScrip在類中使用泛型

10.類的概念和使用

10.初識(shí)TypeScript的命名空間-NameSpace

11.類的訪問(wèn)類型

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

12.類的構(gòu)造函數(shù)

12.TypeScript如何使用impot語(yǔ)法

下午

13.用Parcel打包TypeScript代碼

14.在TypeScript中使用Jquery庫(kù)

第
二
天

Vue3

Vue3

1.構(gòu)建vue項(xiàng)目

1.遞歸監(jiān)聽(tīng)

2.2.0與3.0的差異

2.非遞歸監(jiān)聽(tīng)

3.vue.config.js

3.shallowRef本質(zhì)

4.Vue3.0開(kāi)篇

4.toRaw

5.diff算法

5.markRaw

6.靜態(tài)提升和監(jiān)聽(tīng)緩存

6.toRef

7.項(xiàng)目創(chuàng)建

7.toRefs

8.存在的問(wèn)題

8.customRef上

9.組合API上

9.customRef下

10.組合API中

10.ref-獲取元素

11.組合API下

11.readonly家族

12.組合API本質(zhì)

12.V3響應(yīng)式數(shù)據(jù)本質(zhì)上

13.setup執(zhí)行時(shí)機(jī)和注意點(diǎn)

13.V3響應(yīng)式數(shù)據(jù)本質(zhì)下

14.Vue3.0-ref

14.手寫(xiě)shallowReactive-shallowRef

15.ref和reactive區(qū)別

15.手寫(xiě)reactive-ref

下午

16.手寫(xiě)readonly-shallowReadonly

第
三
天

Vite

Vue3源碼進(jìn)階

1.Vite定義

1.剖析Vue Composition API

2.Vite由來(lái)

2.源碼目錄

3.對(duì)比差異點(diǎn)

3.Vue2響應(yīng)式原理機(jī)制-defineProperty

4.Optimize

4.對(duì)象攔截

5.HMR

5.數(shù)組方法劫持

6.Build

6.Vue3數(shù)據(jù)響應(yīng)機(jī)制-Proxy

7.打包 or 不打包

7.reactive方法實(shí)現(xiàn)

8.開(kāi)箱即用

8.effect實(shí)現(xiàn)

9.實(shí)現(xiàn)原理

9.ref實(shí)現(xiàn)

下午

10.computed實(shí)現(xiàn)