曙海教学优势
曙海培训的课程培养了大批受企业欢迎的工程师。大批企业和曙海
建立了良好的合作关系。曙海培训的课程在业内有着响亮的知名度。
本课程,秉承二十一年积累的教学品质,以项目实现为导向,老师将会与您分享设计的全流程以及工具的综合使用经验、技巧。
VUE3.0从实战到源码全剖析技术
上午 |
下午 |
|
第 |
TypeScript |
TypeScript |
1.TypeScript简介和环境搭建 |
1.类的Getter、Setter和static |
|
2.TypeScript静态类型 |
2.抽象类和只读属性的使用 |
|
3.基础静态类型和对象静态类型 |
3.配置文件-初识tsconfig.json文件 |
|
4.类型注解和类型推断 |
4.配置文件-初识compilerOptions配置项 |
|
5.函数参数和返回类型的注解 |
5.配置文件-compilerOptions配置详解 |
|
6.数组类型注解的方法 |
6.联合类型和类型保护(类型守护) |
|
7.元组的使用和类型约束 |
7.Enum枚举类型详细讲解 |
|
8.初识接口Interface |
8.TypeScript函数中使用泛型 |
|
9.初识接口Interface2 |
9.TypeScrip在类中使用泛型 |
|
10.类的概念和使用 |
10.初识TypeScript的命名空间-NameSpace |
|
11.类的访问类型 |
11.深入TypeScript的命名空间-NameSpace |
|
12.类的构造函数 |
12.TypeScript如何使用impot语法 |
|
下午 |
13.用Parcel打包TypeScript代码 |
|
14.在TypeScript中使用Jquery库 |
||
第 |
Vue3 |
Vue3 |
1.构建vue项目 |
1.递归监听 |
|
2.2.0与3.0的差异 |
2.非递归监听 |
|
3.vue.config.js |
3.shallowRef本质 |
|
4.Vue3.0开篇 |
4.toRaw |
|
5.diff算法 |
5.markRaw |
|
6.静态提升和监听缓存 |
6.toRef |
|
7.项目创建 |
7.toRefs |
|
8.存在的问题 |
8.customRef上 |
|
9.组合API上 |
9.customRef下 |
|
10.组合API中 |
10.ref-获取元素 |
|
11.组合API下 |
11.readonly家族 |
|
12.组合API本质 |
12.V3响应式数据本质上 |
|
13.setup执行时机和注意点 |
13.V3响应式数据本质下 |
|
14.Vue3.0-ref |
14.手写shallowReactive-shallowRef |
|
15.ref和reactive区别 |
15.手写reactive-ref |
|
下午 |
16.手写readonly-shallowReadonly |
|
第 |
Vite |
Vue3源码进阶 |
1.Vite定义 |
1.剖析Vue Composition API |
|
2.Vite由来 |
2.源码目录 |
|
3.对比差异点 |
3.Vue2响应式原理机制-defineProperty |
|
4.Optimize |
4.对象拦截 |
|
5.HMR |
5.数组方法劫持 |
|
6.Build |
6.Vue3数据响应机制-Proxy |
|
7.打包 or 不打包 |
7.reactive方法实现 |
|
8.开箱即用 |
8.effect实现 |
|
9.实现原理 |
9.ref实现 |
|
下午 |
10.computed实现 |