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实现