課程背景
Vue.js3.0橫空出世,代表前端未來趨勢,作為前端工程師必會技能和企業(yè)面試重點內容,掌握Vue.js3.0的核心特性十分重要。通過學習本次公開課內容,你不但可以知道VueJS2.0和VueJS3.0的區(qū)別,而且可以了解Vue3.0的核心特性,API用法,以方便將來更高效的工作,提升競爭力的同時也作為個人技術的加分項。
培訓收益
本課程通過培訓使學習者獲得如下收益:
1.Vue3.0源碼結構全剖析..
,掌握TypeScript簡介和環(huán)境搭建;
2.了解VueJS2.0和VueJS3.0的區(qū)別,深入響應式系統(tǒng)核心,手寫Vue3.0響應式原理(實現reactive、ref、 computed、 effect);
3.詳細剖析Vue3.0中DOM-DIFF算法原理;
4.手寫vite工具實現原理;
5.熟練掌握Vue3源碼進階。
培訓特色
1.理論與實踐相結合、案例分析與行業(yè)應用穿插進行;
2.專家精彩內容解析、學員專題討論、分組研究;
3.通過全面知識理解、專題技能和實踐結合的授課方式。
日程安排
第一天上午 TypeScript
1. TypeScript簡介和環(huán)境搭建
2. TypeScript靜態(tài)類型
3. 基礎靜態(tài)類型和對象靜態(tài)類型
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. 聯(lián)合類型和類型保護(類型守護)
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. 靜態(tài)提升和監(jiān)聽緩存
7. 項目創(chuàng)建
8. 存在的問題
9. 組合API上
10. 組合API中
11. 組合API下
12. 組合API本質
13. setup執(zhí)行時機和注意點
14. Vue3.0-ref
15. ref和reactive區(qū)別
第二天下午 Vue3
1. 遞歸監(jiān)聽
2. 非遞歸監(jiān)聽
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實現
授課專家
張老師 北京航空航天大學軟件工程碩士,10多年IT工作經驗,精通VUE源碼熟悉Html5、Html5游戲開發(fā),Cocos2d-html5,QuarkJS,JQuery,JQueryMobile,CSS,BootStrap,Mui框架,HBuilder,CSS3,Axure,JSON,C#,JavaScript,PHP,PhpCMS等開發(fā)技術;熟悉ICONIX,Scrum等項目管理過程并熟練應用,熟悉UML建模,MVC,設計模式,架構思想,熟悉軟件測試相關技能,熟悉軟件測試管理過程。多年項目管理經驗,千人教育培訓經驗。
郭老師 計算機碩士研究生、中培教育高級培訓講師,參與組織并完成了上百個個大中型項目。主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關技術,對Html5應用開發(fā)及開發(fā)模式有深入研究,熟悉模塊化開發(fā),熟悉IT項目管理,熟悉ICONIX、Scrum等軟件研發(fā)過程改進、詳細設計、IT規(guī)劃。擅長UML建模、MVC、設計模式、架構思想。多年項目管理經驗,千人教育培訓經驗
姚老師 在電信、電力、金融行業(yè)從事HTML5、Java、Android、PHP開發(fā)工作,擅長Web前端、HTML5、Java、Android、PHP。多年軟件開發(fā)經驗,八年IT職業(yè)教育經驗。2002年開始從事開發(fā)工作,具備十余年的開發(fā)、管理和培訓經驗。曾經主持開發(fā)《教學管理系統(tǒng)》、《酒店管理系統(tǒng)》、《車輛跟蹤定位系統(tǒng)》、《農信社信貸管理系統(tǒng)》等多個大型項目。在Android、iOS、HTML5、游戲開發(fā)、JavaME、JavaEE、Linux等領域都有深入研究,現為IT技術自由作家兼HTML5、Android、iOS、JavaME、JavaEE培訓講師。曾出版過《Android應用開發(fā)詳解》、《iOS 應用開發(fā)詳解》《JavaEE Web工程師JDBC+Servlet+JSP整合開發(fā)》、《JavaEE高級工程師培訓框架核心技術Struts、Hibernate、Spring》等暢銷書籍。2012年榮獲電子工業(yè)出版社最佳暢銷書作者稱號,曾為深圳亞億電子、奇虎360、聯(lián)想集團等多家IT企業(yè)提供Andriod、iOS、HTML5等企業(yè)內訓。