| 课程级别 | 入门级 |
| 培训周期 | 一周以内 |
| 上课时间 | 全日制 |
| 上课地址 | 北京市丰台夏家胡同育芳园东里三号楼B座 |
VUE3.0从实战到源码全剖析技术
•●
实战培训班
●•
一、课程背景
Vue.js3.0横空出世,代表前端未来趋势,作为前端工程师必会技能和企业面试重点内容,掌握Vue.js3.0的核心特性十分重要。通过学习本次公开课内容,你不但可以知道VueJS2.0和VueJS3.0的区别,而且可以了解Vue3.0的核心特性,API用法,以方便将来更的工作，提升竞争力的同时也作为个人技术的加分项。
二、培训收益
本课程通过培训使学习者获得如下收益：
1.Vue3.0源码结构全剖析，掌握TypeScript简介和环境搭建；
2.了解VueJS2.0和VueJS3.0的区别，深入响应式系统核心,手写Vue3.0响应式原理(实现reactive、ref、 computed、 effect)；
3.详细剖析Vue3.0中DOM-DIFF算法原理；
4.手写vite工具实现原理；
5.熟练掌握Vue3源码进阶。
三、培训对象
1.热爱互联网，追求互联网体验，想从事网页开发、Web前端开发的学员；
2.原从事IT后台开发，想完美转型全栈开发的工程师；
3.没有计算机基础愿意从事IT开发，改变生活现状，改变命运的学员；
4.开发人员转型移动开发的学员。
四、培训特色
1.理论与实践相结合、案例分析与行业应用穿插进行；
2.精彩内容解析、学员专题讨论、分组研究；
3.通过知识理解、专题技能和实践结合的授课方式。
时间 | 内容 | 备注 |
第一天 上午 | 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实现 |
温馨提示
