首页 实战

TS 从入门到深度掌握，晋级TypeScript高手

最新增加 TS 技能综合实战，dtd 企业级实战，企业经典配置实战

已完结
|
难度：中级
|
时长：共 34 小时
￥399.00
距离活动结束
立即购买
加购物车
已有 410 人在学
  • 从 0 到 1 构建完整 TS 知识
  • 具备Promise、vuex4编码水平
  • 学会用TS的思维解决实际问题
  • 能够写出架构师级别 TS 代码
  • 掌握Vue3源码9种TS高级技巧
  • 轻松应对经典TS企业面试问题
试看本节课 10:37
试看本节课 07:20
试看本节课 02:13
1-1 导学
2-5 TS 编译和编译优化
2-9 为什么要用枚举?

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
TypeScript 已经成为前端未来必备技术，无论你是想入门 TS，还是精通 TS，本课程都可以满足你的需求。这门课程，将用保姆级的讲法带你从 0 基础系统构建 TS 知识体系，同时手把手带你编写 vuex4 及 Promise 真实源码项目，深度掌握 TS 装饰器，帮你突破前端技瓶颈，拓展技术视野，最后再剖析 Vue3 源码当中 TS 的高级用法，及通过综合+深度实战再次提升节能，让你真吃透 TS，成为 TS 高手。
展开所有

本章介绍：

对课程进行简单的介绍。

第1章 课程介绍
1 节｜11分钟
展开
  • 视频：
    1-1 导学
    试看
    10:37

本章介绍：

本章从 TS 入门开始，细致入微讲解各类 TS 基础语法和系列 TS 核心语法；还结合了真实应用场景或项目中的真实战场景来进行讲解。 本章您将学到： 1. 41 个 ts 核心语法和相关真实应用 2. 应对大中项目架构层面的方法拦截器

第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

本章介绍：

本章从 TS 入门开始，细致入微讲解各类 TS 基础语法和系列 TS 核心语法还结合了真实应用场景或项目中的真实战场景来进行讲解。 本章您将学到： 1. 复杂函数类型的代码实战 2. 单件设计模式的两种实现和拓展。

第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

本章介绍：

tsconfig.json 配置文件选项看似简单，但选项多，部分选项关联性很强，在 TS 进行实际项目开发时，如没理解透 配置选项背后真正含义，将会碰到很多”坑“，从而影响开发效率。 本章您将学到： 1. tsconfig.json 系列核心配置详解 2. tsconfig.json 多路径简化问题设置

第4章 tsconfig.json 核心配置和系列相关问题
8 节｜52分钟
展开
  • 视频：
    4-1 tsconfig,json 核心配置详讲-1
    05:02
  • 视频：
    4-2 tsconfig,json 核心配置详讲-2
    08: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

本章介绍：

JS 原型继承是前端技术根基之一，是全面掌握 TS 的基石之一，本章首先讲解了原型继承，还要具备掌握 TS 继承底层 和 TS 装饰器底层精髓的 JS 基础，最后进一步学习原型继承升级技能， TS 继承及真实应用。 本章您将学到： 1. tsconfig 多级目录配置 2. JS 原型继承 3. JS 原型组合继承 4. 原型继承升级 5. TS 继承 6. TS 继承在支付宝，微信支付中的相关真实应用。

第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 继承——微信，支付宝支付继承类-1
    12:23
  • 视频：
    5-7 深入 TS 继承——微信，支付宝支付继承类-2
    05:58
  • 视频：
    5-8 复杂+有深度的作业——TS 继承底层源码解析【根据自身需求选做】
    02:35

本章介绍：

在 Vue3 源码和实际项目中，类型守卫和自定义守卫使用频率都很高。本章结合真实应用场景、 Vue3 源码、JS 经典面试题来进行深入讲解，从而真正掌握这三个重要法宝的精髓。 本章您将学到： 1. 类型断言，类型转换和相关应用 2. 类型守卫和相关应用 3. 自定义守卫和相关应用 4. Vue3 源码中的自定义守卫

第6章 深入TS“ 三板斧”—类型守卫，类型转换，自定义守卫+真实应用场景
9 节｜57分钟
展开
  • 视频：
    6-1 本章概述
    01:22
  • 视频：
    6-2 类型断言、类型转换和应用场景-1
    12:51
  • 视频：
    6-3 类型断言、类型转换和应用场景-2
    10:20
  • 视频：
    6-4 类型守卫相关 JS ：typeof 局限性和替代方案【常见面试题】
    03:40
  • 视频：
    6-5 深入类型守卫和企业项目中的真实应用场景-1
    08:34
  • 视频：
    6-6 深入类型守卫和企业项目中的真实应用场景-2
    07:19
  • 视频：
    6-7 TS 自定义守卫和2个真实应用场景
    09:28
  • 视频：
    6-8 自定义守卫晋级： Vue3 源码中的自定义守卫
    03:12
  • 图文：
    6-9 面试题：自定义守卫如何判断 Promise 类型

本章介绍：

泛型是 TS 中非常核心的技能， 从本章泛型开篇章到第10章跨越式提升复杂泛型运用能力，泛型复杂度会逐步提升，这其中每一个泛型技能都异常关键。 本章您将学到： 1. TS 为什么用泛型 2. 泛型精准无偏差定义 3. 泛型类 4. 泛型约束和真实应用 5. Vue3源码中的泛型约束 6. 泛型反向赋值

第7章 泛型从入门到深度掌握
7 节｜50分钟
展开
  • 视频：
    7-1 本章概述
    02:57
  • 视频：
    7-2 泛型从入门到深入掌握-1
    12:42
  • 视频：
    7-3 泛型从入门到深入掌握-2
    08:50
  • 视频：
    7-4 泛型从入门到深入掌握-3
    01:48
  • 视频：
    7-5 从入门到深入泛型——泛型约束和它的真实应用
    07:44
  • 视频：
    7-6 在 Vue3 源码深刻掌握泛型约束
    11:28
  • 视频：
    7-7 高频使用的泛型赋值——反向为泛型赋值
    03:44

本章介绍：

对于注重架构级别的大中项目和 Vue3 源码，泛型函数重载和交叉方法应用多且深入，是 TS 重头技能之一。本章4大亮点 1. 讲解为什么 2. 复杂应用场景 3. 融入Vue3 源码 4.经典实战作业。 本章您将学到： 1. TS 函数重载产生原因、重要要点 2. 泛型函数 3. 泛型函数重载和它的复杂应用 4. 泛型工厂函数 5. 泛型工厂函数类型和真实应用 6. 交叉类型 7. 通用交叉方法 　　

第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 代码实战演练

本章介绍：

有过大厂大中项目架构经验的同学一定有深刻体会——TS 高阶技能的应用非常广泛，比如：infer， 复杂类型体操，映射类型等。本章会层层递进，在真实应用场景中深度讲解每一个高阶技能。 本章您将学到： 1. infer 应用 ， Vue3 源码 infer 2. TS 复杂类型体操 4. 条件类型 5. in keyof keyof 实战 6. Extract、Exclude 应用 7. Record 应用 8. 映射，高级类型复杂应用 9. 高级辅助类型 10. 经典百度面试题

第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 keyof
    04: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，映射类型，函数约束综合真实应用-1
    08:46
  • 视频：
    9-20 Record, Capitalize, Exclude，映射类型，函数约束综合真实应用-2
    08: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

本章介绍：

TS 声明文件在 TS 的应用中占有一席之地，在一些复杂的应用中恰当应用 TS 声明文件，将给项目带来意想不到的帮助，本章将带领大家理解和掌握声明文件及其背后的真正含义。 本章您将学到： 1. 声明文件和意义 2. 声明文件实现 3. 命名空间 4. 声明文件中的模块应用

第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

本章介绍：

装饰器从类似 Java 后端语言借鉴而来，是前端了不起的技术革命，通过本章学习可较大提升前端代码的架构能力和代码整合能力，而这些能力是作为一个高级前端架构师必备的能力。 本章您将学到： 1. infer 和 三种应用 2. Vue3 源码中的 infer 3. TS 复杂类型体操 4. 条件类型和它的复杂应用 5. in keyof keyof 实战 6. Extract、Exclude 和应用 7. Record 和应用 8. 映射类型，高级类型综合应用

第11章 从装饰器应用，底层 JS 到 仿 Nestjs实战，路由器底层复杂泛型（上）
27 节｜247分钟
展开
  • 视频：
    11-1 本章概述，熟练透彻掌握装饰器对职业发展有何意义
    06:41
  • 视频：
    11-2 【装饰器概述】装饰器定义，分类，要解决的问题
    09:59
  • 视频：
    11-3 【类装饰器】类装饰器的两种实现-1
    10:39
  • 视频：
    11-4 【类装饰器】类装饰器的两种实现-2
    08:38
  • 视频：
    11-5 【类装饰器底层源码】逐行深剖底层 JS 源码 1
    11:39
  • 视频：
    11-6 【类装饰器底层源码】逐行深剖底层 JS 源码 2
    16:15
  • 视频：
    11-7 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器意义
    01:44
  • 视频：
    11-8 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器实现-1
    14:33
  • 视频：
    11-9 【泛型工厂类继承装饰器】 泛型工厂类继承装饰器实现-2
    11: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 【属性、类、方法装饰器综合应用】依赖注入+请求方法，控制器初步实现-1
    10:55
  • 视频：
    11-16 【属性、类、方法装饰器综合应用】依赖注入+请求方法，控制器初步实现-2
    05:47
  • 视频：
    11-17 【属性、类、方法装饰器综合应用】依赖注入+请求方法，控制器初步实现-3
    03:15
  • 视频：
    11-18 【属性、类、方法装饰器综合应用】依赖注入+请求方法，控制器初步实现-4
    10:37
  • 视频：
    11-19 【属性、类、方法装饰器综合应用】依赖注入+请求方法，控制器初步实现-5
    04:46
  • 视频：
    11-20 【参数装饰器底层源码】 参数装饰器 + 详解底层 JS 源码
    05:55
  • 视频：
    11-21 【构造器参数装饰器】构造器参数装饰器注入实战-1
    06:53
  • 视频：
    11-22 【构造器参数装饰器】构造器参数装饰器注入实战-2
    06:42
  • 视频：
    11-23 【多个装饰器组合执行】类、属性、方法 、参数装饰器组合，执行顺序-1
    02:34
  • 视频：
    11-24 【多个装饰器组合执行【类、属性、方法 、参数装饰器组合，执行顺序-2
    03:18
  • 视频：
    11-25 【元数据操作】 理解 reflect-metadata 元数据操作重载方法和其他方法-1
    18:53
  • 视频：
    11-26 【元数据操作】 理解 reflect-metadata 元数据操作重载方法和其他方法-2
    18:03
  • 视频：
    11-27 【元数据】 3 个重要且特殊的内置元数据 key
    09:32

本章介绍：

装饰器从类似 Java 后端语言借鉴而来，是前端了不起的技术革命，通过本章学习可较大提升前端代码的架构能力和代码整合能力，而这些能力是作为一个高级前端架构师必备的能力。

第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 装饰器实战】 依赖注入实现引发的深度思考+代码持续优化-1
    17:38
  • 视频：
    12-7 【仿 Nestjs 装饰器实战】 依赖注入实现引发的深度思考+代码持续优化-2
    08:41
  • 视频：
    12-8 【仿 Nestjs 装饰器实战】数据访问层和实体层封装
    12:23
  • 视频：
    12-9 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-1
    06:05
  • 视频：
    12-10 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-2
    19:11
  • 视频：
    12-11 【仿 Nestjs 装饰器实战】控制器装饰器和请求方法装饰器实现-3
    05:35
  • 视频：
    12-12 【仿 Nestjs装饰器实战】多种请求方法装饰器实现-1
    05:19
  • 视频：
    12-13 【仿 Nestjs装饰器实战】多种请求方法装饰器实现-2
    16:36
  • 视频：
    12-14 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-1
    08:33
  • 视频：
    12-15 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-2
    15:19
  • 视频：
    12-16 【仿 Nestjs装饰器实战】多页面请求+中间件装饰器实现-3
    04: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 深入思考题—实现更彻底的依赖注入（选做）

本章介绍：

Promise 是前端非常重要的技术, 但要想锤炼高水平的架构技能， 仅仅会用 Promise 是远不够的。本章运用 TS 带领大家手写 Promise 最核心且难度系数最高的那部分源码，讲解深入浅出，针对源码中几个理解难度大的问题， 比如：如何实现异步多级 then 的源码， 老师都会讲解透彻后才开始讲解下一个问题，以保证达到最佳实战效果。

第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 方法 +难点化解-1
    08:50
  • 视频：
    13-11 【手写源码】 实现单级异步+级联 then 方法 +难点化解-2
    02:50
  • 视频：
    13-12 【 手写源码 】构建多异步+级联 then 【 第一种实现方式 首创精简写法】-1
    05:32
  • 视频：
    13-13 【 手写源码 】构建多异步+级联 then 【 第一种实现方式 首创精简写法】-2
    16:04
  • 视频：
    13-14 【 手写源码 】构建多异步+级联 then【 第一种实现方式 首创精简写法】-3
    03:44
  • 图文：
    13-15 对 13-13 和 13-14 的小思考和 更精简更好理解的实现
  • 视频：
    13-16 【手写源码】构建多异步+级联 then【 第二种实现方式 常规实现】
    07:54
  • 图文：
    13-17 作业：提炼多级异步+级联 then 的方法两种实现的区别
  • 视频：
    13-18 【手写源码】Promise.all 源码实现-1
    11:14
  • 视频：
    13-19 【手写源码】Promise.all 源码实现-2
    07:51
  • 图文：
    13-20 对11-19 代码中 index 引发的问题解决

本章介绍：

Pinia 日益火爆， 但 Vuex4 依然用的很多，掌握好 Vuex4 才能更好的运用 Pinia。 本章按照高级前端架构师和高水准大厂的编码标准，用 TS 手写 Vuex4 源码，本章蕴含的高阶架构思想一旦掌握，将会给你未来前端职业生涯带去长久的深远意义。

第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

本章介绍：

前端架构 TS 综合实战、dtd 企业级实战、TS 深度实战

第15章 2023 更新：前端架构 TS 综合实战、dtd 企业级实战、TS 深度实战
26 节｜157分钟
展开
  • 视频：
    15-1 本章概览(重要)
    04:06
  • 视频：
    15-2 前端架构 TS 综合实战 -1-
    06:16
  • 视频：
    15-3 前端架构 TS 综合实战 -2
    09:19
  • 视频：
    15-4 前端架构 TS 综合实战 3
    05:05
  • 视频：
    15-5 前端架构 TS 综合实战 4
    13:03
  • 视频：
    15-6 前端架构 TS 综合实战 5
    08:38
  • 视频：
    15-7 前端架构 TS 综合实战 6
    08:07
  • 视频：
    15-8 前端架构 TS 综合实战 （作业）
    00:31
  • 视频：
    15-9 TS 综合实战 1
    10:07
  • 视频：
    15-10 TS 综合实战 2
    05:05
  • 视频：
    15-11 TS 综合实战 3-
    08:30
  • 视频：
    15-12 TS 综合实战——中大项目实用配置经典写法 1
    12:30
  • 视频：
    15-13 TS 综合实战——中大项目实用实用配置经典写法 2
    08:49
  • 视频：
    15-14 TS 综合实战——中大项目实用配置经典写法 3(作业）
    01:06
  • 视频：
    15-15 dtd 企业级实战 1-
    05:32
  • 视频：
    15-16 dtd 企业级实战 2
    05:57
  • 视频：
    15-17 dtd 企业级实战 3
    02:57
  • 视频：
    15-18 TS 深度实战 1
    06:39
  • 视频：
    15-19 TS 深度实战 2
    03:19
  • 视频：
    15-20 TS 深度实战 3
    06:22
  • 视频：
    15-21 TS 深度实战 4-
    02:07
  • 视频：
    15-22 TS 深度实战 5
    07:07
  • 视频：
    15-23 TS 深度实战 6-
    03:30
  • 视频：
    15-24 TS 深度实战 7
    07:17
  • 视频：
    15-25 TS 深度实战 8
    03:39
  • 视频：
    15-26 实战作业——更上一层楼 -
    00:39
本课程已完结
适合人群
了解 TS 知识但不够深入的人
想大幅提升 TS 水平的前端开发者
难以应付复杂 TS 技术问题的人
技术储备
JavaScript 基础
ES6 基础
Vue3 基础
环境参数
TypeScript 4.8.4
Vue 3.0.0
Vuex 4
keviny79
前百度技术专家， 已有1495个学生
其他课程： 《前端高手养成计划-从前端到后端，全栈开发大型项目》
全部
不为别的，只为提升面试通过率
尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。
立即购买
TypeScript 从入门到深度掌握
套餐价格：¥598.00
2门课 总价：¥665.00
立即购买
 课程介绍

TypeScript 从入门到深度掌握，晋级TS高手

中级  · 410人报名 ¥399.00
课程介绍 

专为小白设计的TypeScript入门课

初级  · 2238人报名 ¥266.00
ts从入门到全栈实战
套餐价格：¥719.00
2门课 总价：¥798.00
立即购买
 课程介绍

TypeScript 从入门到深度掌握，晋级TS高手

中级  · 410人报名 ¥399.00
课程介绍 

Vue3+NestJS 全栈开发企业级管理后台

中级  · 215人报名 ¥399.00
查看更多
数据加载中...
查看更多好课
《TS 从入门到深度掌握，晋级TypeScript高手》的真实评价
综合评分：分，共 人参与
篇幅原因，只展示最近100条评价
￥399.00
立即购买
加购物车

学习咨询

选课、学习遇到问题？

扫码添加指导老师 1V1 帮助你！

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信