课程定位

面向Web前端及转型开发人员，实战剖析Vue3源码。

学习收获

• 1. Vue3.0源码结构全剖析，掌握TypeScript简介和环境搭建；
• 2.了解VueJS2.0和VueJS3.0的区别，深入响应式系统核心,手写Vue3.0响应式原理(实现reactive、ref、 computed、 effect)；
• 3.详细剖析Vue3.0中DOM-DIFF算法原理；
• 4.手写vite工具实现原理；
• 5.熟练掌握Vue3源码进阶。

课程模块

时间内容备注

• 时间内容备注

第一天

• 上午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实现

适合人群

1.热爱互联网，追求极致互联网体验，想从事网页开发、Web前端开发的学员；2.原从事后IT台开发，想完美转型全栈开发的工程师；3.没有计算机基础愿意从事IT开发，改变生活现状，改变命运的学员；4.开发人员转型移动开发的学员

师资信息

张老师北京航空航天大学软件工程硕士, 10多年 IT 工作经验，精通VUE源码熟悉Html5、Html5游戏开发，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等开发技术；熟悉ICONIX，Scrum等项目管理过程并熟练应用，熟悉UML建模，MVC，设计模式，架构思想，熟悉软件测试相关技能，熟悉软件测试管理过程。多年项目管理经验，千人教育培训经验。
郭老师计算机硕士研究生，参与组织并完成了上百个个大中型项目。主要专业特长包括HTML5、移动前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相关技术，对Html5应用开发及开发模式有深入研究，熟悉模块化开发，熟悉IT项目管理，熟悉ICONIX、Scrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想。多年项目管理经验，千人教育培训经验
姚老师在电信、电力、金融行业从事 HTML5、Java、Android、PHP开发工作，擅长Web前端、HTML5、Java、Android、PHP。多年软件开发经验，八年IT职业教育经验。2002年开始从事开发工作，具备十余年的开发、管理和培训经验。曾经主持开发《教学管理系统》《酒店管理系统》《车辆跟踪定位系统》《农信社信贷管理系统》等多个大型项目。在Android、iOS、HTML5、游戏开发、JavaME、JavaEE、Linux等领域都有深入研究，现为IT技术自由作家兼HTML5、Android、iOS、JavaME、JavaEE培训讲师。曾出版过《Android应用开发详解》、《iOS 应用开发详解》《JavaEE Web工程师JDBC+Servlet+JSP整合开发》、《JavaEE高级工程师培训框架核心技术Struts、Hibernate、Spring》等畅销书籍。2012年荣获电子工业出版社最佳畅销书作者称号，曾为深圳亚亿电子、奇虎360、联想集团等多家IT企业提供Andriod、iOS、HTML5等企业内训。

课程咨询与报名

了解本期课程安排、师资及报名事项，请联系新中华学习网：400-061-6586，也可使用本页下方的报名咨询表。具体开课安排以正式通知为准。

温馨提示：本文内容根据课程内容整理，各模块实际讲授内容由授课老师根据学员情况灵活调整，最终以课堂授课为准。