第1章 课程简介 2 节 | 29分钟
本章对课程总体做了介绍,包括:课程亮点,面向人群,课程的总大纲。
1-1 课程导学 (08:18)
1-2 课程知识体系大纲 (全新)【新增50节重磅技能】非常重要,必看! (20:12)
第2章 全栈思维全面深度掌握 TS 类 【 TS 技术根基】 17 节 | 244分钟
TS 类底层 最核心的知识是 JS 原型,所以本章首先深入讲解 了JS 原型【本章原型讲解一定能带给同学们不同以往、全新的收获。】;随后运用全栈思维讲解 TS 类和TS类底层源码,接下来深讲类的晋级技能——类引用属性和它的真实应用场景;最后详讲构造器赋值和 TS4 新赋值方式,并详细对比了新旧赋值的不同。…
2-1 【TS类准备】TS类底层根基,不一样的方式理解JS原型 (09:49)
2-2 【TS类准备】TS类底层根基,深入JS原型【不同以往的讲解,给你带去全新收获】 (12:07)
2-3 【原型】深度透彻掌握原型 【为深度透彻掌握TS类,继承扎根】-1 (21:06)
2-4 【原型】深度透彻掌握原型 【为深度透彻掌握TS类,继承扎根】-2 (14:43)
2-5 【原型】深度透彻掌握原型 【为深度透彻掌握TS类,继承扎根】-3 (12:47)
2-6 【环境搭建】搭建TS自动更新+TS自动运行+Parcel自动打包环境-1 (12:35)
2-7 【环境搭建】搭建TS自动更新+TS自动运行+Parcel自动打包环境-2 (14:53)
2-8 全栈思维全面掌握 TS 类 – 1 (05:25)
2-9 全栈思维全面掌握 TS 类 – 2 (26:09)
2-10 全栈思维全面掌握TS类-3 (22:19)
2-11 【TS类源码】详解 TS 类底层源码【原生ES5语法】 (12:20)
2-12 【TS类晋级】深入TypeScript引用属性和它的4个真实应用场景-1 (09:43)
2-13 【TS类晋级】深入TypeScript引用属性和它的4个真实应用场景-2 (11:22)
2-14 【TS类晋级】深入TypeScript引用属性和它的4个真实应用场景-3 (14:39)
2-15 【TS类晋级】深入TypeScript引用属性和它的4个真实应用场景-4 (19:54)
2-16 【TS类构造器】TS类构造器赋值+TS4新赋值方式 (23:31)
2-17 扩展知识补充:TS 类 和 ES6 类对比
第3章 TS类方法代码优化的三大法宝: 函数重载、类方法重载、类构造器重载10 节 | 160分钟
三大重载是 TS 非常重要的代码优化技能,Vue3 底层源码就多处使用到带泛型的函数重载,类的方法重载丶类构造器重载在一些大中项目的复杂应用场景中也频频被用到。本章结合真实应用场景分别讲解了为什么要用函数重载,函数重载的5大规则和多个细则,并轻松过渡到方法重载,构造器重载的讲解。…
3-1 函数、方法重载重要性、优势 (08:25)
3-2 【函数重载应用前准备】微信消息检索功能【理解为什么要用函数重载】-1 (25:32)
3-3 【函数重载应用前准备】微信消息检索功能【理解为什么要用函数重载】-2 (08:59)
3-4 【函数重载应用前的规则理解】函数重载的5大定义规则+诸多细则 (27:41)
3-5 【函数重载应用】重构微信消息检索功能-1 (13:05)
3-6 【函数重载应用】重构微信消息检索功能-2 (13:34)
3-7 【方法重载应用】实现Java版的比Set取值方便的ArrayList【为什么要用方法重载】-1 (18:25)
3-8 【方法重载应用】实现Java版的比Set取值方便的ArrayList【为什么要用方法重载】-2 (13:08)
3-9 【构造器重载准备】深入构造器+真实应用场景分析 (11:47)
3-10 【构造器重载应用】图形面积的两种实现 (18:40)
第4章 TS 类易被忽视的重要技能,单件设计模式和相关技能深入11 节 | 149分钟
本章从单件设计模式的定义和定义陷阱入手,讲述了单件模式的多个应用场景;然后运用单件模式重构了 localStorage 类;接下来详解了单件设计模式关联的静态属性的 9 大规则丶以及静态方法对项目带来的好处,这些静态属性会在下一章手写 TS 继承底层源码时被应用到;最后讲解单件设计模式第二种实现和两种实现的区别。…
4-1 【单件设计模式理解】理解定义+定义陷阱(坑)-1 (06:07)
4-2 【单件设计模式理解】理解定义+定义陷阱(坑)-2 (15:56)
4-3 【单件设计模式应用】构建单件 localStorage 类(真实应用场景)-1 (22:57)
4-4 【单件设计模式应用】构建单件 localStorage 类(真实应用场景)-2 (26:16)
4-5 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-1 (12:55)
4-6 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-2 (08:11)
4-7 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-3 (11:09)
4-8 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-4 (09:50)
4-9 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-5 (10:47)
4-10 【单件设计模式关联的深层技能】静态属性9大规则+静态方法-6 (10:07)
4-11 【单件设计模式其他实现】第二种实现方式+两种方式对比 (13:48)
第5章 TS继承深度掌握:TS继承深入+手写优化底层源码26 节 | 382分钟
本章分为四个阶段。第一阶段为 TS 继承底层的铺路石——原型链继承,借用构造函数和组合模式继承等; 第二阶段是TS 继承底层的灵魂——寄生组合原型继承【最佳继承模式】;第三阶段运用在真实项目场景来理解 TS 继承思想,super,方法重写等;第四阶段手写并优化了 TS 继承底层 JS 源码【提升JS原型继承功底的绝佳…
5-1 【TS继承】前端深度掌握 TS 继承的重要+长远意义 (10:47)
5-2 【TS继承准备】原型链继承+重要的一步-1 (17:56)
5-3 【TS继承准备】原型链继承+重要的一步-2 (17:01)
5-4 【TS继承准备】原型链继承+重要的一步-3 (21:45)
5-5 【TS继承准备】原型链继承+重要的一步-4 (05:24)
5-6 【TS继承准备】借用构造函数(冒充对象继承)-1 (14:25)
5-7 【TS继承准备】借用构造函数(冒充对象继承)-2 (09:18)
5-8 【TS继承准备】借用构造函数+原型链继承组合模式 (08:44)
5-9 【TS继承准备】寄生组合继承实现方式【最佳继承模式】-1 (17:10)
5-10 【TS继承准备】寄生组合继承实现方式【最佳继承模式】-2 (16:58)
5-11 【TS继承准备】寄生组合继承实现方式【最佳继承模式】-3 (17:55)
5-12 【TS继承应用】用全栈眼光深度掌握TS继承+TS继承好处【企业真项目应用场景】-1 (13:39)
5-13 【TS继承应用】用全栈眼光深度掌握TS继承+TS继承好处【企业真项目应用场景】-2 (29:57)
5-14 【TS继承应用】深入super+方法重写+真实应用场景-1 (06:06)
5-15 【TS继承应用】深入super+方法重写+真实应用场景-2 (12:15)
5-16 【TS继承应用】深入super+方法重写+真实应用场景-3 (10:45)
5-17 【TS继承应用】深入super+方法重写+真实应用场景-4 (02:38)
5-18 【TS继承应用】深入super+方法重写+真实应用场景-5 (14:48)
5-19 【TS继承源码】逐行深剖,手写TS继承JS源码-1 (20:53)
5-20 【TS继承源码】逐行深剖,手写TS继承JS源码-2 (12:11)
5-21 【TS继承源码】逐行深剖,手写TS继承JS源码-3 (30:31)
5-22 【TS继承源码】逐行深剖,手写TS继承JS源码-4 (12:04)
5-23 【TS继承源码】逐行深剖,手写TS继承JS源码-5 (14:26)
5-24 【TS继承源码】逐行深剖,手写TS继承JS源码-6 (16:15)
5-25 【TS继承源码】逐行深剖,手写TS继承JS源码-7 (14:06)
5-26 【TS继承源码】逐行深剖,手写TS继承JS源码-8 (13:26)
第6章 TS高频使用技能: 类型断言、类型守卫、自定义守卫+ 多态+类型守卫组合应用 20 节 | 317分钟
本章分为五个环节。第一环节讲解了TS类型断言丶转换的9个应用场景;第二环节讲解TS类型守卫,并运用大厂晋级考核题来理解+综合运用 TS 类型守卫,之后再深入讲解类型守卫的更多深层理解;第三环节:在真应用场景中深讲了能让大中项目具有更好扩展性的类型守卫+多态的组合运用;第四环节:结合Vue3源码详解自定义守卫和…
6-1 本章概述+重要性 (07:38)
6-2 【TS类型断言、转换应用】 类型断言的9种使用场景 1 (11:41)
6-3 【TS类型断言、转换应用】 类型断言的9种使用场景 2 (20:00)
6-4 【TS类型断言丶转换应用】 类型断言的9种使用场景 3 (20:52)
6-5 【 TS 类型守卫准备】 new 底层发生了什么?(会的略过,加量不加价) (11:03)
6-6 【 TS 类型守卫综合运用】 一道大厂TS类型守卫的职位晋级考核题 (37:29)
6-7 【 TS 类型守卫深入】 typeof 有何局限性?如何解决?【高频面试题】(会的略过,加量不加价) (17:05)
6-8 【 TS 类型守卫深入】深层理解 instanceof(会的略过,加量不加价) (23:28)
6-9 【TS 类型守卫更多的应用】 instanceof 真实应用场景 (16:10)
6-10 【 TS 多态+类型守卫组合运用】 众多语言都有的多态给TS项目带来了什么好处?-1 (23:05)
6-11 【 TS 多态+类型守卫组合运用】 众多语言都有的多态给TS项目带来了什么好处?-2 (10:52)
6-12 【 TS 抽象类理解】为什么要用抽象类【 abstract class 】 (16:51)
6-13 【 TS 抽象类扩大应用】 适配器应用,【 扩大技术视野 】 (09:43)
6-14 【 TS 自定义守卫理解+应用】 快速学透自定义守卫 【真实应用场景】 (23:33)
6-15 【 TS 自定义守卫综合应用】 Vue3 源码中的自定义守卫【提升自定义守卫综合运用能力】 (18:58)
6-16 【 TypeScript4 新特性】 小技巧:const 为何也能被修改?如何解决 (07:13)
6-17 【 TypeScript4 新特性】 为什么要用可变元组+元组标签+具体使用 (09:09)
6-18 【 TypeScript4 新特性】 深入可变元组 (32:07)
第7章 泛型类+泛型接口+泛型类约束的复杂应用【无比重要的深度技能】 22 节 | 318分钟
本章安排顺序:1. 讲解为什么用泛型类,如何精准无偏差定义泛型类,object,any和泛型区别,any无限宽泛特性的利弊;2. 运用TS泛型类 +泛型约束组合技能实现项目开发中的通用分页类 ;3. 融合Vue3源码掌握泛型约束高级应用【T extends object + extends keyof】;4.在真实项目场景中综合运用TS 泛型接口+ TS 泛…
7-1 本章知识纵览 【TS泛型到底有多重要】 (12:33)
7-2 【 TS 泛型类准备】 没用泛型的类带来什么问题? (08:55)
7-3 【 TS 泛型类实现】 泛型类实现+泛型类的好处【为什么一定要用泛型类】 (14:30)
7-4 【TS泛型类】泛型定义【究竞该怎样定义泛型才精准无偏差?】+泛型默认值,any 化 (16:16)
7-5 【 TS 泛型类和object区别】object 为什么不能替代类上的泛型的3个原因? (09:20)
7-6 【 TS 泛型类和any区别】 any 为什么不能替代类上的泛型? (09:12)
7-7 彩蛋:深入 any 无限宽泛特性到底是风险还是优势? (10:55)
7-8 【 TS 泛型类应用】通用分页类实现准备:理解DAO (14:40)
7-9 【 TS 泛型类应用】通用分页类实现 1 (15:00)
7-10 【 TS 泛型类应用】通用分页类实现 2 (15:18)
7-11 【 TS 泛型类应用】通用分页类的优化【通用类,移植即用】 (22:00)
7-12 【 TS 泛型类+泛型约束组合应用】通用分页类优化【通用类,移植即用】 (16:58)
7-13 【 TS 泛型类约束】 Vue3源码中的T extends object + extends keyof 【 Vue3源码应用】 1 (27:15)
7-14 【 TS 泛型类约束】 Vue3源码中的T extends object + extends keyof 【 Vue3源码应用】 2 (19:37)
7-15 【 TS 泛型类约束】 Vue3源码中的T extends object + extends keyof 【 Vue3源码应用】 3 (14:31)
7-16 TS 泛型接口+ TS 泛型类组合应用 1 (18:52)
7-17 TS 泛型接口+ TS 泛型类组合应用 2 (16:36)
7-18 【 TS 泛型接口+ TS 泛型类+泛型约束+多态 四组合应用 】【大中项目良好扩展性的编码组合】1 (17:38)
7-19 【 TS 泛型接口+ TS 泛型类+泛型约束+多态 四组合应用 】【大中项目良好扩展性的编码组合】2 (17:37)
7-20 【 TS 泛型接口+ TS 泛型类+泛型约束+多态 四组合应用 】【大中项目良好扩展性的编码组合】3 (13:20)
7-21 【TS 泛型接口应用】 融合 Vue3 源码 深入泛型接口 【Vue3源码应用】 (06:15)
第8章 深度掌握泛型函数、泛型函数重载【无比重要的深度技能】23 节 | 261分钟
本章首先在真实应用场景中讲授为什么要用泛型函数;理解泛型函数重载和它的多个易混淆的规则,并深度讲解泛型函数重载给项目带来的巨大好处,结合 Vue3 源码综合运用了泛型函数重载;接下来解析并实现泛型工厂函数;最后深讲 TS 交叉类型和真实使用场景,并运用泛型函数重载+TS 交叉类型+泛型约束+枚举组合技能完成…
8-1 本章概述 (19:30)
8-2 【泛型函数应用和好处】—快速排序算法中应用泛型函数 【为什么一定要用泛型函数】 (11:01)
8-3 【泛型函数重载应用准备】经典复杂排序器的实现 1 (18:21)
8-5 【泛型函数重载应用准备】经典复杂排序器的实现 2 (15:45)
8-6 【泛型函数重载应用准备+泛型函数综合运用】 经典复杂排序器的实现 3 (16:40)
8-7 【泛型函数重载应用】泛型函数重载重构排序器【泛型函数重载带来什么样的巨大好处】 (17:59)
8-8 【泛型函数重载应用】Vue3 源码中的泛型函数重载【Vue3源码应用】- (12:15)
8-9 【泛型工厂函数】——泛型工厂函数准备 1 (14:49)
8-11 【泛型工厂函数】—— 泛型工厂函数准备 2 (07:40)
8-12 【泛型工厂函数】——泛型工厂函数深入理解 (15:23)
8-13 【泛型工厂函数真实应用场景】泛型工厂函数真实价值体现在哪里? (27:58)
8-14 【泛型工厂函数在装饰器中的应用】——装饰器中 ClassDecorator 的替代写法 (13:46)
8-15 【泛型函数+ 交叉类型组合应用准备】交叉类型的实现 1 (09:20)
8-16 【泛型函数+交叉类型组合应用准备】深入理解交叉类型 2 (12:50)
8-17 泛型函数+交叉类型+类型断言+枚举 四组合应用实战 1 (13:53)
8-18 泛型函数+交叉类型+类型断言+枚举 四组合应用实战 2 (10:24)
8-19 【彩蛋】泛型函数重载+交叉类型+类型断言 三组合应用应实战 1 (15:21)
8-20 【彩蛋】泛型函数重载+交叉类型+类型断言 三组合应用应实战 2 (07:32)
第9章 深入infer、TS高级类型、泛型再进阶【全方位深度掌握 TS 泛型】39 节 | 439分钟
infer的出现是 TS 技术发展史上的一次大升级, 本章分三段,第一段为infer讲解:包括定义、使用;然后使用泛型+infer构建带参数的架构级别的工厂实例方法,最后在 Vue3源码详讲infer的更多使用价值。 第二段讲解Extract丶Exclude丶Record丶Pick丶Omit等多个技巧性很强的 TS 高级类型和相关的真实应用场景, 第三段为…
9-1 本章概述、价值和重要意义 (07:47)
9-2 【 infer理解 】 infer 定义 +infer 的两种使用 (18:54)
9-3 【 infer理解 】 infer 和泛型的区别 + infer 的第三种使用 (10:00)
9-4 【 infer 真实应用 】构建带参数的工厂实例方法 1 (19:31)
9-5 【 infer 真实应用 】构建带参数的工厂实例方法 2 (08:36)
9-6 【 infer 真实应用 】构建带参数的工厂实例方法 3 (14:44)
9-7 【 infer 真实应用 】构建带参数的工厂实例方法 4 (15:47)
9-8 【 infer 综合应用】 Vue3 源码 中的infer [ Vue3 源码应用 ] (12:31)
9-9 【 高级类型 Extract的使用】 理解+学会使用 Extract 1 (13:29)
9-10 【 高级类型Extract 细解 】 如何正确理解 Extract 2 (03:41)
9-11 【 高级类型Extract 细解 】 如何正确理解 Extract 3 (11:12)
9-12 【高级类型Extract 细解】 如何正确理解 Extract 4 (05:20)
9-13 【高级类型 Extract 应用】 学会 Extract的 技巧性应用【 真实应用场景】 (11:41)
9-14 【 高级类型 Exclude的使用 】 Exclude – (17:18)
9-15 【高级类型 Record 应用准备】 详解 K extends keyof T (10:22)
9-16 【高级类型 Record 应用 准备】深入理解 K extends keyof any (09:48)
9-17 【高级类型 Record 应用准备】深入理解 P in K 3 (11:42)
9-18 【高级类型 Record 真实应用】 异步数据扁平化 的实现【 实现方式1 】 (15:31)
9-19 【高级类型 Record 真实应用】 异步数据扁平化 的实现【 实现方式2】 (19:46)
9-20 【高级类型Record和object区别】object和Record详细对比 (14:09)
9-21 【高级类型Record 和Map区别】Map这么好, 为什么还要用 Record? (08:36)
9-22 【高级类型Pick】 为什么要用Pick,好处体现在哪里? (10:09)
9-24 【高级类型Pick+Record】 高级类型联合使用+作业 (05:06)
9-25 【高级类型Required] 融合Vue3源码+ 多级接口掌握Required +ReadOnly,Partial作业 (15:07)
9-26 【高级类型 Omit] 分解掌握Omit (13:56)
9-28 【扩展: 为第11章手写 Promise 源码铺路】:从回调函数讲起【本节赠送,会的略过】 (13:40)
9-29 【扩展: 为第11章手写 Promise 源码 铺路】:手写 Promise 开头两段源码 – (11:30)
9-30 【扩展: 为第12章手写 Vuex 源码 铺路】:对象类型参数的解构 1【本节赠送,会的略过】 (19:01)
9-31 【扩展: 为第12章手写 Vuex 源码 铺路】:对象类型参数的解构 2【本节赠送,会的略过】 (13:56)
9-32 【扩展: 为第12章手写 Vuex 源码 铺路】:解析 Vuex 源码中复杂 TS 语法 (11:48)
9-33 【扩展: 为第12章手写 Vuex 源码 铺路】:函数中包含了函数类型的对象类型参数的解构 (17:09)
9-34 【扩展: 为第 12章手写 Vuex 源码 铺路】:Store 作为函数参数如何解构它的函数类型属性 (13:19)
9-35 【扩展: 为第 12 章手写 Vuex 源码 铺路】:异步 actions 中嵌套的多级TS语法 (16:38)
9-36 【扩展: 为第 12 章手写 Vuex 源码 铺路】:异步 actions 中嵌套的多级 TS 语法- (09:44)
9-37 【扩展: 为第 12 章手写 Vuex 源码 铺路】:createStore 中的 TS 语法 (06:59)
请先
!