您的位置：企業(yè)培訓(xùn)網(wǎng) > 專業(yè)培訓(xùn) > 專業(yè)技能培訓(xùn) > VUE3.0從實(shí)戰(zhàn)到源碼全剖析技術(shù)實(shí)戰(zhàn)課程背景：
Vue.js3.0橫空出世,代表前端未來趨勢,作為前端工程師必會技能和企業(yè)面試重點(diǎn)內(nèi)容,掌握Vue.js3.0的核心特性十分重要。通過學(xué)習(xí)本次公開課內(nèi)容,你不但可以知道VueJS2.0和VueJS3.0的區(qū)別,而且可以了解Vue3.0的核心特性,API用法,以方便將來更高效的工作，提升競爭力的同時也作為個人技術(shù)的加分項。
培訓(xùn)收益：
本課程通過培訓(xùn)使學(xué)習(xí)者獲得如下收益：
1.Vue3.0源碼結(jié)構(gòu)全剖析，掌握TypeScript簡介和環(huán)境搭建；
2.了解VueJS2.0和VueJS3.0的區(qū)別，深入響應(yīng)式系統(tǒng)核心,手寫Vue3.0響應(yīng)式原理(實(shí)現(xiàn)reactive、ref、 computed、 effect)；
3.詳細(xì)剖析Vue3.0中DOM-DIFF算法原理；
4.手寫vite工具實(shí)現(xiàn)原理；
5.熟練掌握Vue3源碼進(jìn)階。
培訓(xùn)特色：
1.理論與實(shí)踐相結(jié)合、案例分析與行業(yè)應(yīng)用穿插進(jìn)行；
2.專家精彩內(nèi)容解析、學(xué)員專題討論、分組研究；
3.通過全面知識理解、專題技能和實(shí)踐結(jié)合的授課方式。
日程安排：
第一天上午 TypeScript
1. TypeScript簡介和環(huán)境搭建
2. TypeScript靜態(tài)類型
3. 基礎(chǔ)靜態(tài)類型和對象靜態(tài)類型
4. 類型注解和類型推斷
5. 函數(shù)參數(shù)和返回類型的注解
6. 數(shù)組類型注解的方法
7. 元組的使用和類型約束
8. 初識接口Interface
9. 初識接口Interface2
10. 類的概念和使用
11. 類的訪問類型
12. 類的構(gòu)造函數(shù)
第一天下午 TypeScript
1. 類的Getter、Setter和static
2. 抽象類和只讀屬性的使用
3. 配置文件-初識tsconfig.json文件
4. 配置文件-初識compilerOptions配置項
5. 配置文件-compilerOptions配置詳解
6. 聯(lián)合類型和類型保護(hù)（類型守護(hù)）
7. Enum枚舉類型詳細(xì)講解
8. TypeScript函數(shù)中使用泛型
9. TypeScrip在類中使用泛型
10. 初識TypeScript的命名空間-NameSpace
11. 深入TypeScript的命名空間-NameSpace
12. TypeScript如何使用impot語法
13. 用Parcel打包TypeScript代碼
14. 在TypeScript中使用Jquery庫
第二天上午 Vue3
1. 構(gòu)建vue項目
2. 2.0與3.0的差異
3. vue.config.js
4. Vue3.0開篇
5. diff算法
6. 靜態(tài)提升和監(jiān)聽緩存
7. 項目創(chuàng)建
8. 存在的問題
9. 組合API上
10. 組合API中
11. 組合API下
12. 組合API本質(zhì)
13. setup執(zhí)行時機(jī)和注意點(diǎn)
14. Vue3.0-ref
15. ref和reactive區(qū)別
第二天下午 Vue3
1. 遞歸監(jiān)聽
2. 非遞歸監(jiān)聽
3. shallowRef本質(zhì)
4. toRaw
5. markRaw
6. toRef
7. toRefs
8. customRef上
9. customRef下
10. ref-獲取元素
11. readonly家族
12. V3響應(yīng)式數(shù)據(jù)本質(zhì)上
13. V3響應(yīng)式數(shù)據(jù)本質(zhì)下
14. 手寫shallowReactive-shallowRef
15. 手寫reactive-ref
16. 手寫readonly-shallowReadonly
第三天上午 Vite
17. Vite定義
18. Vite由來
19. 對比差異點(diǎn)
20. Optimize
21. HMR
22. Build
23. 打包 or 不打包
24. 開箱即用
25. 實(shí)現(xiàn)原理
第三天下午 Vue3源碼進(jìn)階
1. 剖析Vue Composition API
2. 源碼目錄
3. Vue2響應(yīng)式原理機(jī)制-defineProperty
4. 對象攔截
5. 數(shù)組方法劫持
6. Vue3數(shù)據(jù)響應(yīng)機(jī)制-Proxy
7. reactive方法實(shí)現(xiàn)
8. effect實(shí)現(xiàn)
9. ref實(shí)現(xiàn)
10. computed實(shí)現(xiàn)
授課專家：
張老師：北京航空航天大學(xué)軟件工程碩士,10多年IT工作經(jīng)驗，精通VUE源碼熟悉Html5、Html5游戲開發(fā)，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等開發(fā)技術(shù)；熟悉ICONIX，Scrum等項目管理過程并熟練應(yīng)用，熟悉UML建模，MVC，設(shè)計模式，架構(gòu)思想，熟悉軟件測試相關(guān)技能，熟悉軟件測試管理過程。多年項目管理經(jīng)驗，千人教育培訓(xùn)經(jīng)驗。
郭老師：計算機(jī)碩士研究生、中培教育高級培訓(xùn)講師，參與組織并完成了上百個個大中型項目。主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關(guān)技術(shù)，對Html5應(yīng)用開發(fā)及開發(fā)模式有深入研究，熟悉模塊化開發(fā)，熟悉IT項目管理，熟悉ICONIX、Scrum等軟件研發(fā)過程改進(jìn)、詳細(xì)設(shè)計、IT規(guī)劃。擅長UML建模、MVC、設(shè)計模式、架構(gòu)思想。多年項目管理經(jīng)驗，千人教育培訓(xùn)經(jīng)驗
姚老師：在電信、電力、金融行業(yè)從事HTML5、Java、Android、PHP開發(fā)工作，擅長Web前端、HTML5、Java、Android、PHP。多年軟件開發(fā)經(jīng)驗，八年IT職業(yè)教育經(jīng)驗。2002年開始從事開發(fā)工作，具備十余年的開發(fā)、管理和培訓(xùn)經(jīng)驗。曾經(jīng)主持開發(fā)《教學(xué)管理系統(tǒng)》、《酒店管理系統(tǒng)》、《車輛跟蹤定位系統(tǒng)》、《農(nóng)信社信貸管理系統(tǒng)》等多個大型項目。在Android、iOS、HTML5、游戲開發(fā)、JavaME、JavaEE、Linux等領(lǐng)域都有深入研究，現(xiàn)為IT技術(shù)自由作家兼HTML5、Android、iOS、JavaME、JavaEE培訓(xùn)講師。曾出版過《Android應(yīng)用開發(fā)詳解》、《iOS 應(yīng)用開發(fā)詳解》《JavaEE Web工程師JDBC+Servlet+JSP整合開發(fā)》、《JavaEE高級工程師培訓(xùn)框架核心技術(shù)Struts、Hibernate、Spring》等暢銷書籍。2012年榮獲電子工業(yè)出版社最佳暢銷書作者稱號，曾為深圳亞億電子、奇虎360、聯(lián)想集團(tuán)等多家IT企業(yè)提供Andriod、iOS、HTML5等企業(yè)內(nèi)訓(xùn)。
【報名咨詢】
聯(lián)系電話：010-62258232 62278113 13718601312 13120125786
聯(lián) 系 人：李先生 陳小姐
