课程安排:
第一天 上午
一、TypeScript
TypeScript简介和环境搭建
TypeScript静态类型
基础静态类型和对象静态类型
类型注解和类型推断
函数参数和返回类型的注解
数组类型注解的方法
元组的使用和类型约束
初识接口Interface
初识接口Interface2
类的概念和使用
类的访问类型
类的构造函数
第一天 下午
二、TypeScript
类的Getter、Setter和static
抽象类和只读属性的使用
配置文件-初识tsconfig.json文件
配置文件-初识compilerOptions配置项
配置文件-compilerOptions配置详解
联合类型和类型保护(类型守护)
Enum枚举类型详细讲解
TypeScript函数中使用泛型
TypeScrip在类中使用泛型
初识TypeScript的命名空间-NameSpace
深入TypeScript的命名空间-NameSpace
TypeScript如何使用impot语法
用Parcel打包TypeScript代码
在TypeScript中使用Jquery库
第二天 上午
三、Vue3
构建vue项目
2.0与3.0的差异
vue.config.js
Vue3.0开篇
diff算法
静态提升和监听缓存
项目创建
存在的问题
组合API上
组合API中
组合API下
组合API本质
setup执行时机和注意点
Vue3.0-ref
ref和reactive区别
第二天 下午
四、Vue3
递归监听
非递归监听
shallowRef本质
toRaw
markRaw
toRef
toRefs
customRef上
customRef下
ref-获取元素
readonly家族
V3响应式数据本质上
V3响应式数据本质下
手写shallowReactive-shallowRef
手写reactive-ref
手写readonly-shallowReadonly
第三天 上午
五、Vite
Vite定义
Vite由来
对比差异点
Optimize
HMR
Build
打包 or 不打包
开箱即用
实现原理
第三天 下午
六、Vue3源码进阶
剖析Vue Composition API
源码目录
Vue2响应式原理机制-defineProperty
对象拦截
数组方法劫持
Vue3数据响应机制-Proxy
reactive方法实现
effect实现
ref实现