課程背景
Vue 3 是 Vue.js 框架的第三代版本,它是一款用于構建用戶界面的輕量級、漸進式的 JavaScript 框架。Vue 3 在 2020 年 9 月正式發布,代號為 "One Piece"。這一版本在性能、易用性以及開發體驗上都有了顯著的提升。
Vue 3 通過引入新的 Composition API 提高了代碼的可讀性和可維護性,使得邏輯更加清晰和易于復用。
此外,Vue 3 采用 Proxy 替換了原有的 Object.defineProperty 來實現響應式系統,這不僅簡化了代碼,也提高了響應式的效率。Vue 3 還優化了其核心庫,使得打包大小更小,加載速度更快,并且增強了對 TypeScript 的支持,幫助開發者更好地管理和維護代碼。借助 Vue 3 的新特性,開發者可以構建出更快速、更健壯的 Web 應用程序。無論是對于初學者還是經驗豐富的開發者,Vue 3 都是一個值得學習和使用的前端框架。
Vue.js3.0代表前端未來趨勢,作為前端工程師必會技能和企業面試重點內容,掌握Vue.js3.0的核心特性十分重要。通過學習本次課程內容,學員不但可以了解VueJS2.0和VueJS3.0的區別,還可以掌握Vue3.0的核心特性,常用組件等底層框架邏輯,以方便將來更高效的工作,提升競爭力的同時也作為個人技術的加分項。
課程簡介
Vue 3.0帶來的不僅僅是性能上的提升和新特性的增加,更重要的是其內部源碼的重新設計和實現。這使得許多開發者在享受Vue 3.0帶來的便利時,也對其背后的實現原理產生了濃厚的興趣。為了更好地滿足開發者對Vue 3.0深入學習的需求,我們推出了《VUE3.0從實戰到源碼全剖析技術實戰》課程。通過本次學習,你不但可以了解Vue 2.0和Vue 3.0的區別,而且可以掌握Vue 3.0的核心特性、API用法、以方便將來更高效的工作,在提升競爭力的同時也作為個人技術的加分項。
參加培訓并通過考試的學員,將獲得由工業和信息化部教育與考試中心統一頒發《VUE3.0技術(高級)》工業和信息化職業能力證書,證書可作為專業技術人員職業能力考核的證明,以及專業技術人員崗位聘用、任職、定級和晉升職務的重要依據。
《前端Vue3框架實戰及源碼探究》證書樣本
培訓收益
本課程通過培訓使學習者獲得如下收益:
1.了解VueJS2.0和VueJS3.0的區別
2.Vue 3 的最新特性和最佳實踐。
3.掌握 Vue 3 的開發工具鏈和構建流程。
4.理解 Vue 3 的 Composition API 和選項式 API 的區別
5.能夠獨立完成 Vue 3 應用的開發和部署。
6.有能力閱讀和理解 Vue 3 的源碼
7.Vue3.0源碼結構全剖析;
8.詳細剖析Vue3.0中DOM-DIFF算法原理;
9.熟悉 Vue 3 的響應式系統和渲染流程,深入響應式系統核心;
10.手寫Vue3.0響應式原理(實現reactive、ref、 computed、 effect);
培訓對象
熱愛互聯網,追求極致互聯網體驗,想從事網頁開發、Web前端開發的學員;
原從事后IT臺開發,想完美轉型全棧開發的工程師;
沒有計算機基礎愿意從事IT開發,改變生活現狀,改變命運的學員;
開發人員轉型移動開發的學員。
要在面試或者競爭中脫穎而出的開發者
技術團隊負責人及架構師
培訓特色
理論與實踐相結合、案例分析與行業應用穿插進行;
專家精彩內容解析、學員專題討論、分組研究;
通過全面知識理解、專題技能和實踐結合的授課方式。
中培優勢
課程安排
時間 | 內容 | 備注 |
第一天 | TypeScript | 1. TypeScript簡介和環境搭建 2. TypeScript靜態類型 3. 基礎靜態類型和對象靜態類型 4. 類型注解和類型推斷 5. 函數參數和返回類型的注解 6. 數組類型注解的方法 7. 元組的使用和類型約束 8. 接口Interface 9. 類的概念和使用 10. 類的訪問類型 11. 類的構造函數 12. 類的Getter、Setter和static 13. 抽象類和只讀屬性的使用 14. 配置文件-初識tsconfig.json文件 15. 配置文件-初識compilerOptions配置項 16. 配置文件-compilerOptions配置詳解 17. 聯合類型和類型保護(類型守護) 18. Enum枚舉類型詳細講解 19. TypeScript函數中使用泛型 20. TypeScrip在類中使用泛型 21. TypeScript的命名空間-NameSpace |
Vue3基礎 | 1. Vue3新特性 2. setup和ref的基本使用 3. reactive的基本使用 4. 操作代理數據影響界面更新渲染 5. 響應式數據的測試 6. Vue3-setup的執行時機問題 7. Vue3-setup返回值的問題 8. Vue3-setup中的參數 9. Vue3-reactive和ref的細節問題 10. Vue3-計算屬性和監視 22. Vue3-生命周期對比 |
|
第二天 | Vue3高級 | 1. 遞歸監聽 2. 非遞歸監聽 3. shallowRef本質 4. Vue3-toRaw和markRaw 5. toRef 6. toRefs 7. customRef上 8. customRef下 9. Vue3-provide和inject 10. ref-獲取元素 23. readonly家族 24. Fragment和Teleport組件介紹 25. Suspense組件介紹 |
Vue3源碼 | 1. Vue3源碼下載 2. Vue3源碼目錄結構 3. vue3響應式數據的原理 4. 響應式數據的測試 5. Vue2響應式原理機制-defineProperty 6. Vue3數據響應機制-Proxy 7. Proxy實現響應式邏輯 |
|
數據響應式原理 | 1. Vue3源碼中的核心算法 2. 設計模式中的觀察者模式 3. 觀察者在響應式中的應用 4. 遞歸偵測對象全部屬性 5. 數組的響應式處理 6. 收集依賴 7. Watcher類和Dep類 8. 手寫響應式框架代碼 |
|
虛擬DOM和diff算法 | 1. 虛擬DOM和h函數 2. 感受diff算法 3. diff新舊節點處理 4. diff更新子節點 5. diff算法的子節點更新策略 |
|
第三天 | AST抽象語法樹 | 1. 指針思想 2. 遞歸深入例子 3. 棧的簡介 4. 棧相關算法題 5. AST實現原理 6. 識別開始結束標記 7. 使用棧形成AST 8. 識別Attrs |
模板引擎 | 1. 什么是模板引擎 2. 模版引擎的基本語法 3. 正則表達式思路簡介 4. 底層tokens思想 5. 手寫實現mustache環境配置 6. 手寫實現Scanner類 7. 手寫將HTML變為tokens 8. 手寫將tokens嵌套起來 9. 手寫將tokens注入數據 10. 手寫lookup函數 11. 手寫parseArray函數 |
講師團隊
張老師
北京航空航天大學軟件工程碩士
北京航空航天大學軟件工程碩士, 十幾年 IT 工作經驗, 熟悉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、設計模式、架構思想。
考試須知
前端Vue3框架實戰及源碼探究考試說明 | |||
考試形式 | 線上機考 | ||
考試平臺 | 數字化人才培養--專項技術考試平臺:www.uesk.com.cn | ||
登錄方式 | 報名后即刻開通賬號密碼 | ||
考試時長 | 考試題型 | 題量 | 通過比例(分值) |
100分鐘 | 單選題 | 100道 | 60%、60分 |