第1章 课程简介 试看 2 节 | 25分钟
本章对课程总体做了介绍,包括:课程亮点,面向人群,课程的总大纲。
收起列表
视频:
1-1 课程导学 (08:18)
试看
视频:
1-2 本课程知识体系大纲【非常重要,必看】 (16:40)
试看
第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高频使用技能: 类型断言、类型守卫、自定义守卫+ 多态+类型守卫组合应用
本章分为五个环节。第一环节讲解了TS类型断言丶转换的9个应用场景;第二环节讲解TS类型守卫,并运用大厂晋级考核题来理解+综合运用 TS 类型守卫,之后再深入讲解类型守卫的更多深层理解;第三环节:在真应用场景中深讲了能让大中项目具有更好扩展性的类型守卫+多态的组合运用;第四环节:结合Vue3源码详解自定义守卫和它...
第7章 泛型类+泛型接口+泛型类约束的复杂应用【无比重要的深度技能】
本章安排顺序:1. 讲解为什么用泛型类,如何精准无偏差定义泛型类,object,any和泛型区别,any无限宽泛特性的利弊;2. 运用TS泛型类 +泛型约束组合技能实现项目开发中的通用分页类 ;3. 融合Vue3源码掌握泛型约束高级应用【T extends object + extends keyof】;4.在真实项目场景中综合运用TS 泛型接口+ TS 泛...
第8章 深度掌握泛型函数、泛型函数重载【无比重要的深度技能】
本章首先在真实应用场景中讲授为什么要用泛型函数;理解泛型函数重载和它的多个易混淆的规则,并深度讲解泛型函数重载给项目带来的巨大好处,结合 Vue3 源码综合运用了泛型函数重载;接下来解析并实现泛型工厂函数;最后深讲 TS 交叉类型和真实使用场景,并运用泛型函数重载+TS 交叉类型+泛型约束+枚举组合技能完成...
第9章 深入infer、TS高级类型、泛型再进阶【全方位深度掌握 TS 泛型】
infer的出现是 TS 技术发展史上的一次大升级, 本章分三段,第一段为infer讲解:包括定义、使用;然后使用泛型+infer构建带参数的架构级别的工厂实例方法,最后在 Vue3源码详讲infer的更多使用价值。 第二段讲解Extract丶Exclude丶Record丶Pick丶Omit等多个技巧性很强的 TS 高级类型和相关的真实应用场景, 第三段为...
第10章 从装饰器应用到底层JS深入+装饰器实战
装饰器是前端了不起的技术革命,弥补了只有后端语言才有 AOP【类似装饰器】的短板,通过本章学习可提升代码整合能力和前端架构思维。后端 Nestjs 等相对新型的 Nodejs 框架大量运用了 TS 装饰器,但对于前端,TS装饰器依然年轻,暂时没有得到广泛使用, 未来可期。纵观本章,囊括了装饰器应用,装饰器底层JS源码,装...
第11章 运用 TS 手写 Promise 源码
Promise 是前端中非常重要的技术, 为大幅提升前端实战能力,本章运用 TS 带领大家手写 Promise 源码, 环环相扣,深入浅出。尤其本章中几个理解难度大的问题,老师都会讲解透彻后才开始讲解下一个问题,以保证达到最佳实战效果。...
第12章 运用 TS 手写 Vuex 源码
Vuex 是Vue大中项目必用的状态管理技术,如能手写 Vuex 源码则能掌握到Vuex 架构技术的精髓和深层技术, 积聚更深的架构理解能力和相应技术项目的排错能力。本章全部采用TS手写Vuex源码,综合运用TS 语法尤其是TS泛型技能,讲解环环相扣, 深入浅出,详尽透彻。...
第13章 TS 入门+基础+技巧性技能 上 【赠送章节】
本章从TS定义、环境搭建开始,详讲类型注解,类型推导,同时也讲解了公司项目中容易出错的类型注解问题,接下来讲解TS函数定义+函数类型、 参数可选、默认参数、函数 Rest 参数。本章专为无TS基础、以及基础较薄弱的同学设置,基础好的同学可忽略。...
第14章 TS 入门+基础+技巧性技能 下 【赠送章节】
本章是继上一章之后的TS 基础语法章节,详细讲解unknown+ any,对象类型,值类型,枚举,数组,元组等学基础语法,同时也包含了一些技巧性的知识点的讲解。基础好的同学可忽略。
第15章 JS 原型+复杂原型继承 【查漏补缺】
原型和各种原型继承是深度掌握 TS 必备的技能,本章部分内容已在第二章部分节、第五章部分节讲授完毕, 本章为查漏补缺,主要包括原型大图解,Function 理解两大部分内容。
本课程持续更新中