曙海教學優(yōu)勢
該課程，秉承21年教學品質，以項目實現為導向,面向企事業(yè)單位項目實際需求,講師將會與您分享設計的全流程以及工具的綜合使用技巧與經驗。課程可定制,線下/線上/上門皆可,全國免費報名熱線:4008699035。
曙海培訓的課程培養(yǎng)了大批受企業(yè)歡迎的工程師。大批企業(yè)和曙海
建立了良好的合作關系,合作企業(yè)三十多萬家。曙海的課程得到業(yè)內企事業(yè)單位廣泛贊譽。
VUE3.0從實戰(zhàn)到源碼全剖析技術
?
? |
上午 |
下午 |
|
第 |
TypeScript |
TypeScript |
|
1.TypeScript簡介和環(huán)境搭建 |
1.類的Getter、Setter和static |
|
|
2.TypeScript靜態(tài)類型 |
2.抽象類和只讀屬性的使用 |
|
|
3.基礎靜態(tài)類型和對象靜態(tài)類型 |
3.配置文件-初識tsconfig.json文件 |
|
|
4.類型注解和類型推斷 |
4.配置文件-初識compilerOptions配置項 |
|
|
5.函數參數和返回類型的注解 |
5.配置文件-compilerOptions配置詳解 |
|
|
6.數組類型注解的方法 |
6.聯合類型和類型保護（類型守護） |
|
|
7.元組的使用和類型約束 |
7.Enum枚舉類型詳細講解 |
|
|
8.初識接口Interface |
8.TypeScript函數中使用泛型 |
|
|
9.初識接口Interface2 |
9.TypeScrip在類中使用泛型 |
|
|
10.類的概念和使用 |
10.初識TypeScript的命名空間-NameSpace |
|
|
11.類的訪問類型 |
11.深入TypeScript的命名空間-NameSpace |
|
|
12.類的構造函數 |
12.TypeScript如何使用impot語法 |
|
|
下午 |
13.用Parcel打包TypeScript代碼 |
|
? |
14.在TypeScript中使用Jquery庫 |
|
|
第 |
Vue3 |
Vue3 |
|
1.構建vue項目 |
1.遞歸監(jiān)聽 |
|
|
2.2.0與3.0的差異 |
2.非遞歸監(jiān)聽 |
|
|
3.vue.config.js |
3.shallowRef本質 |
|
|
4.Vue3.0開篇 |
4.toRaw |
|
|
5.diff算法 |
5.markRaw |
|
|
6.靜態(tài)提升和監(jiān)聽緩存 |
6.toRef |
|
|
7.項目創(chuàng)建 |
7.toRefs |
|
|
8.存在的問題 |
8.customRef上 |
|
|
9.組合API上 |
9.customRef下 |
|
|
10.組合API中 |
10.ref-獲取元素 |
|
|
11.組合API下 |
11.readonly家族 |
|
|
12.組合API本質 |
12.V3響應式數據本質上 |
|
|
13.setup執(zhí)行時機和注意點 |
13.V3響應式數據本質下 |
|
|
14.Vue3.0-ref |
14.手寫shallowReactive-shallowRef |
|
|
15.ref和reactive區(qū)別 |
15.手寫reactive-ref |
|
|
下午 |
16.手寫readonly-shallowReadonly |
|
|
第 |
Vite |
Vue3源碼進階 |
|
1.Vite定義 |
1.剖析Vue Composition API |
|
|
2.Vite由來 |
2.源碼目錄 |
|
|
3.對比差異點 |
3.Vue2響應式原理機制-defineProperty |
|
|
4.Optimize |
4.對象攔截 |
|
|
5.HMR |
5.數組方法劫持 |
|
|
6.Build |
6.Vue3數據響應機制-Proxy |
|
|
7.打包 or 不打包 |
7.reactive方法實現 |
|
|
8.開箱即用 |
8.effect實現 |
|
|
9.實現原理 |
9.ref實現 |
|
|
下午 |
10.computed實現 |
