support hotline 021-65210156
Login|Registered
Home
Public class
Internal training
Consulting
Expert
Knowledge
service
About Us

《VUE3.0从实战到源码全剖析技术实战》线上+线下

《VUE3.0从实战到源码全剖析技术实战》线上+线下

Start time:2022 Course duration: 18
Lecturer:张老师等 Course price:¥7800
Days:3
Course location:北京、深圳、线上培训
Professional Classification:线上课程、线上课程:其它线上课程、专业认证类、行业培训类、行业培训类:服务行业、行业培训类:IT行业
Category:
Job classification:
Keyword:VUE3.0,从实战到源码,全剖析技术实战
Share to:

Course plan

City Days Price January February March April May June July August September October November December
深圳 3 780023-25
北京 3 780024-26

Background and goals

课程背景: 


Vue.js3.0横空出世,代表前端未来趋势,作为前端工程师必会技能和企业面试重点内容,掌握Vue.js3.0的核心特性十分重要。通过学习本次公开课内容,你不但可以知道VueJS2.0VueJS3.0的区别,而且可以了解Vue3.0的核心特性,API用法,以方便将来更高效的工作,提升竞争力的同时也作为个人技术的加分项。


培训收益:


本课程通过培训使学习者获得如下收益:

1.Vue3.0源码结构全剖析,掌握TypeScript简介和环境搭建;

2.了解VueJS2.0VueJS3.0的区别,深入响应式系统核心,手写Vue3.0响应式原理(实现reactiveref computed effect)

3.详细剖析Vue3.0DOM-DIFF算法原理;

4.手写vite工具实现原理;

5.熟练掌握Vue3源码进阶。


课程特色:


1.理论与实践相结合、案例分析与行业应用穿插进行;

2.专家精彩内容解析、学员专题讨论、分组研究;

3.通过全面知识理解、专题技能和实践结合的授课方式。

Suitable people overview

main content

课程安排:


第一天  上午

一、TypeScript

TypeScript简介和环境搭建

TypeScript静态类型

基础静态类型和对象静态类型

类型注解和类型推断

函数参数和返回类型的注解

数组类型注解的方法

元组的使用和类型约束

初识接口Interface

初识接口Interface2

类的概念和使用

类的访问类型

类的构造函数      

第一天  下午

二、TypeScript

类的GetterSetterstatic

抽象类和只读属性的使用

配置文件-初识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实现

computed实现    

Instructor

老师


北京航空航天大学软件工程硕士,10多年IT工作经验,精通VUE源码熟悉Html5Html5游戏开发,Cocos2d-html5QuarkJSJQueryJQueryMobileCSSBootStrapMui框架,HBuilderCSS3AxureJSONC#JavaScriptPHPPhpCMS等开发技术;熟悉ICONIXScrum等项目管理过程并熟练应用,熟悉UML建模,MVC,设计模式,架构思想,熟悉软件测试相关技能,熟悉软件测试管理过程。多年项目管理经验,千人教育培训经验。


老师


计算机硕士研究生、参与组织并完成了上百个个大中型项目。主要专业特长包括HTML5、移动前端、CSS3AngularJSReact nativeVueJSBootStrapJqueryZeptoJSAjaxJSONJSONPMui框架等相关技术,对Html5应用开发及开发模式有深入研究,熟悉模块化开发,熟悉IT项目管理,熟悉ICONIXScrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想。多年项目管理经验,千人教育培训经验


老师


在电信、电力、金融行业从事HTML5JavaAndroidPHP开发工作,擅长Web前端、HTML5JavaAndroidPHP。多年软件开发经验,八年IT职业教育经验。2002年开始从事开发工作,具备十余年的开发、管理和培训经验。曾经主持开发《教学管理系统》、《酒店管理系统》、《车辆跟踪定位系统》、《农信社信贷管理系统》等多个大型项目。在AndroidiOSHTML5、游戏开发、JavaMEJavaEELinux等领域都有深入研究,现为IT技术自由作家兼HTML5AndroidiOSJavaMEJavaEE培训讲师。曾出版过《Android应用开发详解》、《iOS 应用开发详解》《JavaEE Web工程师JDBC+Servlet+JSP整合开发》、《JavaEE高级工程师培训框架核心技术StrutsHibernateSpring》等畅销书籍。2012年荣获电子工业出版社最佳畅销书作者称号,曾为深圳亚亿电子、奇虎360、联想集团等多家IT企业提供AndriodiOSHTML5等企业内训。

Student feedback

Related course recommendation

    
    Hello! Welcome to Fu Rui! What can I do for help