找回密码
 立即注册
查看: 1190|回复: 0

前端下一代开发语言TypeScript 从基础到axios实战 基于TypeScript从零重构axios

[复制链接]
累计签到:85 天
连续签到:1 天
发表于 2019-6-25 12:31:13 | 显示全部楼层 |阅读模式
第1章 课程介绍【悄悄告诉你,一定要看,有福利】
/ Q) z5 e/ ?% m" a, I3 I 1-1 课程介绍* B0 z/ _; J( J+ @- V& j

( y5 G5 p% ~. T/ A; |7 ^) Q: p/ _第2章 初识 Typescript【初次体验】
7 E$ O" D3 X) M; Q教会同学们安装 Typescript 编译器,以及通过编写第一个 TypeScript 程序认识 TypeScript。! g4 D# y' j  U
2-1 安装 TypeScript
6 |4 U9 @  V- V  m& t1 V 2-2 编写第一个 TypeScript 程序* ~. c8 t- P1 w% F% [. g) \0 U& T

/ x. V# {0 _- {2 ^第3章 Typescript 类型系统【必备基础,牢固掌握】
( n% g$ V; _: W7 H主讲 TypeScript 的一些重要的基础概念,并配合一些具体的代码示例辅助说明,帮助同学们了解 TypeScript 的常见用法,为之后的实战打下基础
& j7 _9 y8 S1 j 3-1 基础类型(上)
; q% H9 [, J2 m 3-2 基础类型(下)+ E9 ~" O! q1 u6 y; S
3-3 基础类型(注意版本报错问题)
# d2 i2 p0 _+ R& W- l  m 3-4 变量声明 - var 声明
) O) d7 n. U- ~0 v 3-5 变量声明 - let 声明$ |4 P& d: |8 R
3-6 变量声明 - const 声明
$ z3 ~! a0 l/ N! b5 s3 Y  o6 u1 u 3-7 变量声明 - 解构: U% M  ]5 A5 }+ @4 J: S' f$ e
3-8 变量声明 - 展开9 Z& h! N' E8 l9 c; u/ v
3-9 接口 - 接口初探
2 E" s" b* j% O  M; y+ c 3-10 接口 - 可选属性+只读属性# V! x& W" L: K1 |5 a& t8 V
3-11 接口 - 额外属性检查+函数类型+可索引的类型4 q3 @; H: t3 u
3-12 接口 -类类型+继承接口+混合类型+接口继承类
" l, }4 H; r. E5 K 3-13 类 - 基本示例+继承
$ I9 [' N. f( E$ e! f 3-14 类 - 公共,私有与受保护修饰符+ readonly 修饰符5 B7 R9 T( l5 {1 ~* S- ]0 w1 D5 n6 G
3-15 类 - 存取器+ 静态属性
) q. p7 b( r8 j; V* Y8 Z 3-16 类 - 抽象类+ 高级技巧
6 ?4 }& l( x0 U! h) P) z4 w 3-17 函数 - 基本示例+ 函数类型7 L6 l* n5 U* N' {. n6 u# s6 U. K
3-18 函数 - 可选参数和默认参数
5 j$ m1 o/ Z5 T9 b9 a. D4 L% m 3-19 函数 - this+ 重载
- F+ O# ?7 M) L2 H, Z6 a 3-20 泛型 - 基本示例+ 使用泛型变量+泛型类型$ h# J+ D3 n+ q
3-21 泛型 - 泛型类+泛型约束
% P% W) A. C, g6 C9 Z) C 3-22 类型推断 - 基础+ 最佳通用类型+ 上下文类型: Y! u  x7 d1 p2 S* a
3-23 高级类型 - 交叉类型
$ _& ^3 A& s1 _0 s; t1 y 3-24 高级类型 - 联合类型
2 q, X+ w9 `9 s( @" X/ r: n 3-25 高级类型 - 类型保护
. e  X7 d+ r8 t: J/ e+ W# Y 3-26 高级类型 - 可以为 null 的类型+ 字符串字面量类型8 x: P+ h/ Y- N$ n% T

4 W$ ^! E+ W0 R% l  h3 c% f第4章 ts-axios 项目构建【工欲善其事必先利其器】
5 q. {- M% N# p: {- B分析 axios 项目的重构需求,使用 typescrpit-library-starter 脚手架初始化项目,并编写基础请求的代码,搭建整个 demo 的架构方案。
9 x, V2 u4 q9 Y( \  f 4-1 需求分析
0 d7 @6 r+ e1 C$ O( H2 t) e 4-2 初始化项目 - 创建代码仓库
1 `, z: s% _9 z& i0 z 4-3 初始化项目 - TypeScript library starter0 Y0 w" H2 A# C
4-4 初始化项目 - 关联远程分支0 x8 E3 j! q9 Z0 w% w( R
4-5 编写基础请求代码 - 创建入口文件
4 d; T  l; L, I$ M 4-6 编写基础请求代码 - 利用 XMLHttpRequest 发送请求  m5 {5 l9 g( H5 x
4-7 编写基础请求代码 - demo 编写" Z, \# `, i' Y

* {( L2 c) j5 R) `; Y第5章 ts-axios 基础功能实现【核心流程】/ X6 J% Z8 |- w2 i5 Q8 b4 Z( S
实现 axios 的基础功能,包括对请求 url、data、header 以及响应 data、header 的处理。" @4 |) k5 L, B" e) ]
5-1 处理请求 url 参数 - 需求分析
+ T1 F& ]; ^% `" N; d 5-2 处理请求 url 参数 - buildURL 函数实现
, v+ P) x9 i7 d9 ?' u3 P7 U( h+ ? 5-3 处理请求 url 参数 - 实现 url 参数处理逻辑9 D7 ?: C1 X' k" i5 `# _2 C
5-4 处理请求 url 参数 - demo 编写/ B) c  r2 W* {2 H2 c' [9 @! K+ r
5-5 处理请求 body 数据 - 需求分析+ 实现 试看/ v- |6 Q& r% m+ |
5-6 处理请求 header - 需求分析
" K3 F0 S9 i, M) { 5-7 处理请求 header - processHeaders 函数实现
  O( t( h' K8 ~ 5-8 处理请求 header - 实现请求 header 处理逻辑
/ l/ l  j% ?% F, S 5-9 处理请求 header - demo 编写2 i# X' c: Y+ _9 r$ h5 [" Z3 b# x
5-10 获取响应数据 - 需求分析+实现
. g4 |- D0 _6 l. g, R: C% Q 5-11 处理响应 header - 需求分析+ parseHeaders 函数实现及应用
* o  F6 u+ V) H3 V3 |4 z2 x  P 5-12 处理响应 data - 需求分析+ transformResponse 函数实现及应用- ?# ?3 a0 S0 \- K# i
) r' ]# ?* p3 V9 P1 l* G( E0 ~- C
第6章 ts-axios 异常情况处理【不可忽视的边界条件】. n# ~- [2 A- ]2 E& W
处理 axios 请求的一些异常情况,包括网络错误、请求超时,构造一个信息增强错误处理类。
$ ~0 P6 H1 L* P5 Y, X( M" S- B! Q 6-1 错误处理 - 需求分析8 |* j; j; u0 A6 y1 ]
6-2 错误处理- 网络错误+超时错误+非200状态码+demo$ N$ t+ L/ E- I5 Y: h
6-3 错误信息增强 - 需求分析* S% H0 V+ r- A- i" X
6-4 错误信息增强 - 创建 AxiosError 类9 J7 Y# n' C  C) u
6-5 错误信息增强 - createError 方法应用+ 导出类型定义: O8 n- M2 ?+ ~0 V

. e  t. l% ~1 ]: W% B

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

点击这里给我发消息

QQ|小黑屋|Archiver|手机版|一路学IT论坛 专业视频教程网站

GMT+8, 2026-10-28 07:05

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表