
你将学到:
- 从 0 到 1 构建完整 TS 知识
- 具备Promise、vuex4编码水平
- 学会用TS的思维解决实际问题
- 能够写出架构师级别 TS 代码
- 掌握Vue3源码9种TS高级技巧
- 轻松应对经典TS企业面试问题
TypeScript 已经成为前端未来必备技术,无论你是想入门 TS,还是精通 TS,本课程都可以满足你的需求。这门课程,将用保姆级的讲法带你从 0 基础系统构建 TS 知识体系,同时手把手带你编写 vuex4 及 Promise 真实源码项目,深度掌握 TS 装饰器,帮你突破前端技瓶颈,拓展技术视野,最后再剖析 Vue3 源码当中 TS 的高级用法,及通过综合+深度实战再次提升节能,让你真吃透 TS,成为 TS 高手。
第1章 课程介绍
1 节|11分钟
-
视频:1-1 导学试看10:37
第2章 深入 TS 核心语法+各种实战应用(上)
20 节|129分钟
-
视频:2-1 本章概述【先看】02:59
-
视频:2-2 TS 的完整定义,环境搭建,6 大主要优势12:48
-
视频:2-3 一个非常重要的问题【请先看完本节再学习后面的视频】02:21
-
视频:2-4 类型注解和类型推断+重要细节+作业06:19
-
视频:2-5 TS 编译和编译优化试看07:20
-
视频:2-6 更多 TS 编译和编译优化问题03:17
-
视频:2-7 常用的 24 种 TS 数据类型17:21
-
视频:2-8 never 的意义04:49
-
视频:2-9 为什么要用枚举?试看02:13
-
视频:2-10 枚举的定义 取值,分类05:27
-
视频:2-11 解析枚举底层02:14
-
视频:2-12 枚举更多好处+在企业项目中的真实应用+作业05:55
-
视频:2-13 any,unknown 的两点区别和多个应用场景10:50
-
视频:2-14 深入理解接口+真实应用场景12:27
-
视频:2-15 可索引签名和 2 个容易忽略的重要细节05:41
-
视频:2-16 索引访问类型,索引访问类型的深入扩展09:13
-
视频:2-17 视频作业:容易被忽略的 ts 类型00:22
-
视频:2-18 null 和 undefined + 相关重要细节07:31
-
视频:2-19 看似简单的取值为何总抛出错误?02:47
-
视频:2-20 TS 函数和 TS 函数类型,rest 参数06:40
第3章 深入 TS 核心语法+各种实战应用(下)
14 节|104分钟
-
视频:3-1 TS 函数类型和相关解构03:00
-
视频:3-2 TS 函数类型复杂实战:手写 Promise 开头两段源码12:24
-
视频:3-3 Vue3 源码 ,更深入理解接口和 type 的区别07:23
-
视频:3-4 元组03:15
-
视频:3-5 TS 数组和数组元素怎样同时为只读?02:00
-
视频:3-6 可变元组和它的应用场景06:15
-
视频:3-7 可变元组 tag 和 tag 的意义03:45
-
视频:3-8 类,静态属性,何时用静态属性13:30
-
视频:3-9 企业项目何时用静态成员?04:49
-
视频:3-10 TS 常见面试题——TS 单件(例)模式的两种实现和静态成员执行的时机11:19
-
视频:3-11 TS 常见面试题——单件(例)模式的第二种实现06:04
-
视频:3-12 TS 类 getter setter 使用和意义05:56
-
视频:3-13 实战晋级: TS 静态成员、方法拦截器在大中项目中的实战+作业18:55
-
视频:3-14 方法拦截器进一步深度理解和本章总结说明04:40
第4章 tsconfig.json 核心配置和系列相关问题
8 节|52分钟
-
视频:4-1 tsconfig,json 核心配置详讲-105:02
-
视频:4-2 tsconfig,json 核心配置详讲-208:04
-
视频:4-3 tsconfig.json核心配置详解05:50
-
视频:4-4 容易被忽视的重要的 tsconfig.json核心配置详解05:11
-
视频:4-5 tsconfig.json 更多核心配置详解09:27
-
视频:4-6 tsconfig 配置——类型声明和声明文件归属+纠正被误导的问题10:01
-
视频:4-7 tsconfig 配置——多级路径简化问题设置05:42
-
视频:4-8 视频作业:tsconfig 配置包含和继承02:17
第5章 深学 TS 必会的 JS 技术【不会 JS原型继承的进入学习】
8 节|49分钟
-
视频:5-1 本章概述【学习本章技能的重要性】02:27
-
视频:5-2 本章准备:tsconfig 多级目录配置04:13
-
视频:5-3 TS 相关 JS:ES5 原型继承04:07
-
视频:5-4 TS 相关 JS:深入ES5 原型继承和组合继承08:09
-
视频:5-5 TS 继承底层实现方式:ES5 原型继承升级08:25
-
视频:5-6 深入 TS 继承——微信,支付宝支付继承类-112:23
-
视频:5-7 深入 TS 继承——微信,支付宝支付继承类-205:58
-
视频:5-8 复杂+有深度的作业——TS 继承底层源码解析【根据自身需求选做】02:35
第6章 深入TS“ 三板斧”—类型守卫,类型转换,自定义守卫+真实应用场景
9 节|57分钟
-
视频:6-1 本章概述01:22
-
视频:6-2 类型断言、类型转换和应用场景-112:51
-
视频:6-3 类型断言、类型转换和应用场景-210:20
-
视频:6-4 类型守卫相关 JS :typeof 局限性和替代方案【常见面试题】03:40
-
视频:6-5 深入类型守卫和企业项目中的真实应用场景-108:34
-
视频:6-6 深入类型守卫和企业项目中的真实应用场景-207:19
-
视频:6-7 TS 自定义守卫和2个真实应用场景09:28
-
视频:6-8 自定义守卫晋级: Vue3 源码中的自定义守卫03:12
-
图文:6-9 面试题:自定义守卫如何判断 Promise 类型
第7章 泛型从入门到深度掌握
7 节|50分钟
-
视频:7-1 本章概述02:57
-
视频:7-2 泛型从入门到深入掌握-112:42
-
视频:7-3 泛型从入门到深入掌握-208:50
-
视频:7-4 泛型从入门到深入掌握-301:48
-
视频:7-5 从入门到深入泛型——泛型约束和它的真实应用07:44
-
视频:7-6 在 Vue3 源码深刻掌握泛型约束11:28
-
视频:7-7 高频使用的泛型赋值——反向为泛型赋值03:44
第8章 泛型晋级
14 节|97分钟
-
视频:8-1 为什么要用函数重载?11:02
-
视频:8-2 使用函数重载改造上 7-1 代码【体会好处】08:41
-
视频:8-3 盘点函数重载最重要的要点03:03
-
视频:8-4 在真实应用中掌握泛型函数06:29
-
视频:8-5 深刻掌握泛型函数重载准备——经典复杂排序器-09:32
-
视频:8-6 深入理解为什么要用泛型函数重载13:33
-
视频:8-7 视频作业——泛型函数中分化出来子功能00:29
-
视频:8-8 泛型函数重载进一步优化复杂排序器05:13
-
视频:8-9 视频作业——Vue3源码中的泛型函数重载01:19
-
视频:8-10 深入泛型工厂函数类型和拓展知识09:36
-
视频:8-11 泛型工厂函数类型的真实应用07:52
-
视频:8-12 交叉类型和通用交叉方法04:39
-
视频:8-13 通用交叉方法14:35
-
图文:8-14 代码实战演练
第9章 在真实应用中深入掌握 TS 高阶技能
26 节|151分钟
-
视频:9-1 infer——深入 infer 和 infer 的三种应用09:13
-
视频:9-2 视频作业 infer 在集合种的应用00:36
-
视频:9-3 infer 进阶——Vue3 源码中的 infer 在响应数据的解套应用03:25
-
视频:9-4 类型体操准备——Vue3 源码中的复杂类型体操准备:先理解 in keyof04:25
-
视频:9-5 类型体操——深入 Vue3 源码中的类型体操10:33
-
视频:9-6 TS 条件类型——容易混淆的问题,条件类型的好处10:12
-
视频:9-7 TS 条件类型的复杂应用07:46
-
视频:9-8 TS in keyof keyof 在大中项目中的综合实战应用13:12
-
视频:9-9 TS 高级类型——Extract 和它的真实应用04:17
-
视频:9-10 TS 高级类型——Exclude 和它的真实应用07:04
-
视频:9-11 技巧性解决 keyof 不能直观看到结果的问题02:26
-
视频:9-12 Record 类型和 Record 类型存在的意义07:52
-
视频:9-13 Record 经典实战应用准备——isPlainObject 类型04:43
-
视频:9-14 Record 完成包含无穷级或数组或对象的对象深拷贝+作业04:00
-
图文:9-15 扩展:Record 和 Map 对比
-
视频:9-16 视频作业:Record 扁平化的子数组对象00:54
-
视频:9-17 TS 更多重要的高级类型——抓取属性类型04:03
-
视频:9-18 TS 映射类型的高级玩法07:05
-
视频:9-19 Record, Capitalize, Exclude,映射类型,函数约束综合真实应用-108:46
-
视频:9-20 Record, Capitalize, Exclude,映射类型,函数约束综合真实应用-208:15
-
视频:9-21 一个有点诡异的复杂映射类型的重要应用10:50
-
视频:9-22 一个有点诡异的复杂映射类型的重要应用【其他更多理解】04:11
-
视频:9-23 TS 三个实用的高级辅助类型08:35
-
视频:9-24 TS 高级类型视频作业:一个大中项目非常实用的复杂实战题02:47
-
图文:9-25 作业:百度复杂面试题
-
视频:9-26 本章总结04:51
第10章 TS 声明文件,TS 模块
8 节|36分钟
-
视频:10-1 为什么要用声明文件?05:36
-
视频:10-2 如何感知声明文件存在的意义03:42
-
视频:10-3 声明文件实现+作业12:06
-
视频:10-4 一个很重要的细节问题01:26
-
视频:10-5 正确理解 declare 和相关细节02:47
-
视频:10-6 命名空间和嵌套命名空间在声明文件中的使用05:48
-
视频:10-7 用模块声明定义声明文件,理解优势02:24
-
视频:10-8 如何在 TS 中引入 js 文件02:00
第11章 从装饰器应用,底层 JS 到 仿 Nestjs实战,路由器底层复杂泛型(上)
27 节|247分钟
-
视频:11-1 本章概述,熟练透彻掌握装饰器对职业发展有何意义06:41
-
视频:11-2 【装饰器概述】装饰器定义,分类,要解决的问题09:59
-
视频:11-3 【类装饰器】类装饰器的两种实现-110:39
-
视频:11-4 【类装饰器】类装饰器的两种实现-208:38
-
视频:11-5 【类装饰器底层源码】逐行深剖底层 JS 源码 111:39
-
视频:11-6 【类装饰器底层源码】逐行深剖底层 JS 源码 216:15
-
视频:11-7 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器意义01:44
-
视频:11-8 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器实现-114:33
-
视频:11-9 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器实现-211:07
-
视频:11-10 【泛型工厂类继承装饰器底层源码】逐行深剖+优化底层 JS 源码15:45
-
视频:11-11 【泛型工厂类匿名类+继承装饰器】匿名类在装饰器中的实现03:18
-
视频:11-12 【方法装饰器】方法装饰器的实现10:24
-
视频:11-13 方法装饰器拦截器意义,拦截器失效解决12:45
-
视频:11-14 【属性装饰器】属性装饰器应用,JS 源码深剖05:31
-
视频:11-15 【属性、类、方法装饰器综合应用】依赖注入+请求方法,控制器初步实现-110:55
-
视频:11-16 【属性、类、方法装饰器综合应用】依赖注入+请求方法,控制器初步实现-205:47
-
视频:11-17 【属性、类、方法装饰器综合应用】依赖注入+请求方法,控制器初步实现-303:15
-
视频:11-18 【属性、类、方法装饰器综合应用】依赖注入+请求方法,控制器初步实现-410:37
-
视频:11-19 【属性、类、方法装饰器综合应用】依赖注入+请求方法,控制器初步实现-504:46
-
视频:11-20 【参数装饰器底层源码】 参数装饰器 + 详解底层 JS 源码05:55
-
视频:11-21 【构造器参数装饰器】构造器参数装饰器注入实战-106:53
-
视频:11-22 【构造器参数装饰器】构造器参数装饰器注入实战-206:42
-
视频:11-23 【多个装饰器组合执行】类、属性、方法 、参数装饰器组合,执行顺序-102:34
-
视频:11-24 【多个装饰器组合执行【类、属性、方法 、参数装饰器组合,执行顺序-203:18
-
视频:11-25 【元数据操作】 理解 reflect-metadata 元数据操作重载方法和其他方法-118:53
-
视频:11-26 【元数据操作】 理解 reflect-metadata 元数据操作重载方法和其他方法-218:03
-
视频:11-27 【元数据】 3 个重要且特殊的内置元数据 key09:32
第12章 从装饰器应用,底层 JS 到 仿 Nestjs实战,路由器底层复杂泛型(下)
27 节|283分钟
-
视频:12-1 【仿 Nestjs 装饰器实战准备】经典案例透彻理解依赖注入(DI) 的好处15:31
-
视频:12-2 【仿 Nestjs 装饰器实战准备】 项目分层 和一依赖注入准备09:22
-
视频:12-3 【仿 Nestjs 装饰器实战】 依赖注入实现准备——优化存储08:09
-
视频:12-4 【仿 Nestjs 装饰器实战】 依赖注入实现和升级自动装配装饰器18:39
-
视频:12-5 【仿 Nestjs 装饰器实战】 依赖注入实现引发的深度思考15:47
-
视频:12-6 【仿 Nestjs 装饰器实战】 依赖注入实现引发的深度思考+代码持续优化-117:38
-
视频:12-7 【仿 Nestjs 装饰器实战】 依赖注入实现引发的深度思考+代码持续优化-208:41
-
视频:12-8 【仿 Nestjs 装饰器实战】数据访问层和实体层封装12:23
-
视频:12-9 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-106:05
-
视频:12-10 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-219:11
-
视频:12-11 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-305:35
-
视频:12-12 【仿 Nestjs装饰器实战】多种请求方法装饰器实现-105:19
-
视频:12-13 【仿 Nestjs装饰器实战】多种请求方法装饰器实现-216:36
-
视频:12-14 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-108:33
-
视频:12-15 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-215:19
-
视频:12-16 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-304:31
-
视频:12-17 【仿 Nestjs 装饰器实战】多个中间件装饰器实现13:54
-
视频:12-18 【装饰器路由器底层复杂泛型】02:36
-
视频:12-19 【装饰器路由底层复杂泛型】13:30
-
视频:12-20 【响应级联和状态级联】泛型和底层级联调用实现14:32
-
视频:12-21 【Controller类请求对象参数底层复杂泛型】14:15
-
视频:12-22 【Request请求底层复杂嵌套泛型】嵌套泛型类型实现“去尾”06:09
-
视频:12-23 【Request请求底层复杂嵌套泛型】嵌套泛型类型实现多级“去尾”05:29
-
视频:12-24 【Request请求底层复杂泛型】深度解析泛型嵌套05:08
-
视频:12-25 【泛型递归+复杂泛型 交叉类型 综合实战】 跨越式的提高复杂泛型运用能力20:01
-
图文:12-26 实战题:增加 Controller 根路径
-
图文:12-27 深入思考题—实现更彻底的依赖注入(选做)
第13章 运用 TS 手写 Promise 源码
20 节|131分钟
-
视频:13-1 【准备】Promise 的三种状态和注意细节 【会的同学略过】03:23
-
视频:13-2 【 手写源码】 Promise 第一步—— Promise 回调 +then 初步 实现10:37
-
视频:13-3 【 手写源码】 Promise 第一步—— Promise 回调 + then 初步实现02:51
-
视频:13-4 【 手写源码】 Promise 第一步—— Promise 回调 + then 初步 实现07:59
-
视频:13-5 【手写源码】 resolve 方法 执行失败后的处理04:21
-
视频:13-6 【 手写源码 】 同步级联 then 方法实现06:17
-
视频:13-7 【 手写源码 】化解上讲难点15:29
-
视频:13-8 【手写源码】实现单级异步+单级 then 方法06:01
-
视频:13-9 【 手写源码 】化解上讲难点09:44
-
视频:13-10 【手写源码】 实现单级异步+级联 then 方法 +难点化解-108:50
-
视频:13-11 【手写源码】 实现单级异步+级联 then 方法 +难点化解-202:50
-
视频:13-12 【 手写源码 】构建多异步+级联 then 【 第一种实现方式 首创精简写法】-105:32
-
视频:13-13 【 手写源码 】构建多异步+级联 then 【 第一种实现方式 首创精简写法】-216:04
-
视频:13-14 【 手写源码 】构建多异步+级联 then【 第一种实现方式 首创精简写法】-303:44
-
图文:13-15 对 13-13 和 13-14 的小思考和 更精简更好理解的实现
-
视频:13-16 【手写源码】构建多异步+级联 then【 第二种实现方式 常规实现】07:54
-
图文:13-17 作业:提炼多级异步+级联 then 的方法两种实现的区别
-
视频:13-18 【手写源码】Promise.all 源码实现-111:14
-
视频:13-19 【手写源码】Promise.all 源码实现-207:51
-
图文:13-20 对11-19 代码中 index 引发的问题解决
第14章 整合 Vue3 手写高水准大厂的 TS 版 Vuex4 源码
27 节|216分钟
-
视频:14-1 本章概述09:45
-
视频:14-2 【 理解 Vuex4 】 贴切比喻通俗形象理解 Vuex 【会的同学略过】10:45
-
视频:14-3 【Vuex4 单模块、多模块+Vue3 + TS 整合】【会的同学略过】05:33
-
视频:14-4 【Vuex4 单模块、多模块+Vue3 + TS 整合 】【会的同学略过】05:46
-
视频:14-5 【 store 切割 】 公司 切割 store 的设计方案有哪些不好? 【加量扩展】03:11
-
视频:14-6 【getter 自动推导】Vuex 为什么不能推导 getter 方法,又如何解决呢?【加量扩展】10:49
-
视频:14-7 【 Vuex4 源码整体架构 】 TS 版的 Vuex4 源码架构详解14:32
-
视频:14-8 Store 和相关源码实现07:41
-
视频:14-9 Store 和相关源码实现07:42
-
视频:14-10 单模块源码和应用+整合 Vue3 组件 输出09:59
-
视频:14-11 多模块源码实现06:17
-
视频:14-12 多模块源码实现09:15
-
视频:14-13 多模块源码实现+整合 Vue3 组件输出04:16
-
视频:14-14 多模块源码实现,+难点突破+整合 Vue3 组件输出13:14
-
视频:14-15 多模块源码实现,+难点突破+整合 Vue3 组件输出02:10
-
视频:14-16 多模块源码升级优化04:14
-
视频:14-17 commit 源码 和 dispatch 源码实现07:30
-
视频:14-18 commit 和 dispatch 优化01:25
-
视频:14-19 模块注册—— 管理 state 源码实现06:44
-
视频:14-20 模块注册—— 管理 state 源码实现06:21
-
视频:14-21 模块注册 —— 管理 state 源码实现——难点突破+整合 Vue3 输出08:29
-
视频:14-22 模块注册——注册 getters 源码实现16:15
-
视频:14-23 模块注册——注册 getters 源码实现+整合 Vue3 输出02:24
-
视频:14-24 模块注册—— getters 自动推导01:03
-
视频:14-25 模块注册——注册 mutations 源码实现+整合 Vue3 输出 –12:08
-
视频:14-26 模块注册——注册 actions 源码实现+整合 Vue3 输出12:45
-
视频:14-27 模块注册——ActionContext 源码实现 +整合 Vue3 输出 .+ 难度系数较高的作业15:05
第15章 升级拓展:前端架构 TS 综合实战、dtd 企业级实战、TS 深度实战
26 节|157分钟
-
视频:15-1 本章概览(重要)04:06
-
视频:15-2 前端架构 TS 综合实战 -1-06:16
-
视频:15-3 前端架构 TS 综合实战 -209:19
-
视频:15-4 前端架构 TS 综合实战 305:05
-
视频:15-5 前端架构 TS 综合实战 413:03
-
视频:15-6 前端架构 TS 综合实战 508:38
-
视频:15-7 前端架构 TS 综合实战 608:07
-
视频:15-8 前端架构 TS 综合实战 (作业)00:31
-
视频:15-9 TS 综合实战 110:07
-
视频:15-10 TS 综合实战 205:05
-
视频:15-11 TS 综合实战 3-08:30
-
视频:15-12 TS 综合实战——中大项目实用配置经典写法 112:30
-
视频:15-13 TS 综合实战——中大项目实用实用配置经典写法 208:49
-
视频:15-14 TS 综合实战——中大项目实用配置经典写法 3(作业)01:06
-
视频:15-15 dtd 企业级实战 1-05:32
-
视频:15-16 dtd 企业级实战 205:57
-
视频:15-17 dtd 企业级实战 302:57
-
视频:15-18 TS 深度实战 106:39
-
视频:15-19 TS 深度实战 203:19
-
视频:15-20 TS 深度实战 306:22
-
视频:15-21 TS 深度实战 4-02:07
-
视频:15-22 TS 深度实战 507:07
-
视频:15-23 TS 深度实战 6-03:30
-
视频:15-24 TS 深度实战 707:17
-
视频:15-25 TS 深度实战 803:39
-
视频:15-26 实战作业——更上一层楼 –00:39
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

评论(0)