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

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

[复制链接]
累计签到:85 天
连续签到:1 天
发表于 2019-6-25 12:31:13 | 显示全部楼层 |阅读模式
第1章 课程介绍【悄悄告诉你,一定要看,有福利】
- G& A4 Q1 H. d: J, y# x 1-1 课程介绍
1 O8 L" F+ P9 c9 s) Z6 u0 P0 U+ a: s; L4 o2 M0 |5 l4 ^. D7 A2 U
第2章 初识 Typescript【初次体验】" W8 r3 e, P4 q" y
教会同学们安装 Typescript 编译器,以及通过编写第一个 TypeScript 程序认识 TypeScript。
" ?- r' Z" r8 D7 D; w' A& x4 |1 O 2-1 安装 TypeScript
9 K. x, F% L+ R. A3 R. |0 u! ^& k 2-2 编写第一个 TypeScript 程序  T  a9 y; R4 ~3 C7 a

8 K3 L! |3 I- b1 J2 Q第3章 Typescript 类型系统【必备基础,牢固掌握】6 M2 ]. G  C  R, I, n
主讲 TypeScript 的一些重要的基础概念,并配合一些具体的代码示例辅助说明,帮助同学们了解 TypeScript 的常见用法,为之后的实战打下基础& c1 W/ @, Z' m) A& ^* }; u* G6 k
3-1 基础类型(上)
/ U  N9 g+ l- J- m( K7 e 3-2 基础类型(下)  M$ M5 [! o' S% a0 Q+ F% s
3-3 基础类型(注意版本报错问题)
- `$ M+ d0 x8 C5 R 3-4 变量声明 - var 声明
3 r3 b$ ]# v& B0 k* F1 I1 M2 Q 3-5 变量声明 - let 声明, i) ^3 v! @3 i
3-6 变量声明 - const 声明
) A2 ]4 A8 z1 y" e; g 3-7 变量声明 - 解构- [$ Q7 G3 W( V6 y9 }
3-8 变量声明 - 展开# E8 K! C& G( d2 V% a" T2 J) T0 Z' A
3-9 接口 - 接口初探
3 `0 t* r0 X6 \7 i! F 3-10 接口 - 可选属性+只读属性8 Y& _# h* ^1 d9 Q& ]0 M" k4 ^" k* U
3-11 接口 - 额外属性检查+函数类型+可索引的类型$ I6 o$ S2 X2 m9 X% o
3-12 接口 -类类型+继承接口+混合类型+接口继承类
' q+ o) V, w7 j% {) f& ? 3-13 类 - 基本示例+继承
- g. M5 r# O8 U' ^! t6 t 3-14 类 - 公共,私有与受保护修饰符+ readonly 修饰符" W9 w+ m/ B# b( S$ ]
3-15 类 - 存取器+ 静态属性6 A; B' W8 K- g. j3 h" V# W
3-16 类 - 抽象类+ 高级技巧7 x5 `, R# H$ ]1 ]. g: q( W! s
3-17 函数 - 基本示例+ 函数类型* M5 ?, ^# j2 k4 g7 |6 b
3-18 函数 - 可选参数和默认参数
" z# Z$ ~* k/ F) ~4 O 3-19 函数 - this+ 重载
& _3 d( W, e" k( I' ~ 3-20 泛型 - 基本示例+ 使用泛型变量+泛型类型
+ [2 @7 O, C8 i" M' I* j 3-21 泛型 - 泛型类+泛型约束
; O+ p( `2 R1 K' y 3-22 类型推断 - 基础+ 最佳通用类型+ 上下文类型; `, a* C9 x; t4 \: d
3-23 高级类型 - 交叉类型9 Q3 ~" C3 s' T* U3 X" U% v
3-24 高级类型 - 联合类型
( f& ^- l/ z0 \7 P" y$ b+ { 3-25 高级类型 - 类型保护
0 _) O( M* X3 X6 f# v 3-26 高级类型 - 可以为 null 的类型+ 字符串字面量类型- R. G4 ?/ i) s9 J6 z- i

. y" {+ G# c' {- }1 `第4章 ts-axios 项目构建【工欲善其事必先利其器】
( l& A# s% [8 J7 Y+ L分析 axios 项目的重构需求,使用 typescrpit-library-starter 脚手架初始化项目,并编写基础请求的代码,搭建整个 demo 的架构方案。
0 \; _/ z9 y) w# {* m9 ?( {" s 4-1 需求分析# ~" l8 L" N4 |* J8 B7 T% s; A: c
4-2 初始化项目 - 创建代码仓库
. k0 l5 l: H9 s9 `8 Y$ k! | 4-3 初始化项目 - TypeScript library starter" t& k+ G7 f& H
4-4 初始化项目 - 关联远程分支0 l, n: F' W4 s( g7 c* B1 S, N
4-5 编写基础请求代码 - 创建入口文件
% \: T6 p" B* w! v0 _" W 4-6 编写基础请求代码 - 利用 XMLHttpRequest 发送请求
7 A' S+ m$ _' I3 T; v 4-7 编写基础请求代码 - demo 编写
1 {2 W1 t7 u1 f8 `' p
8 {0 H, s) ^+ d2 x# _第5章 ts-axios 基础功能实现【核心流程】
1 @+ u! f4 P9 F实现 axios 的基础功能,包括对请求 url、data、header 以及响应 data、header 的处理。
0 Y/ }9 b! a8 {! y* ~ 5-1 处理请求 url 参数 - 需求分析
! B; L2 [, E2 t# [6 u 5-2 处理请求 url 参数 - buildURL 函数实现9 {; p) ?4 [. `6 z: o9 w2 }# Q
5-3 处理请求 url 参数 - 实现 url 参数处理逻辑
. Y- {' ~7 z! t2 C! U' u 5-4 处理请求 url 参数 - demo 编写
% L; a# [4 c3 B2 B, O) _ 5-5 处理请求 body 数据 - 需求分析+ 实现 试看* q5 C% c% o! ?
5-6 处理请求 header - 需求分析" B: ~. U. G. K  E1 z
5-7 处理请求 header - processHeaders 函数实现/ k! G+ L+ R- k; }8 N) J
5-8 处理请求 header - 实现请求 header 处理逻辑8 ?* W# M1 [6 t- \; a2 b; A1 o8 W
5-9 处理请求 header - demo 编写# r$ V) ]' `. k, }. [
5-10 获取响应数据 - 需求分析+实现
- ]0 K; M0 o% m 5-11 处理响应 header - 需求分析+ parseHeaders 函数实现及应用
5 O) v3 k/ B( V4 G 5-12 处理响应 data - 需求分析+ transformResponse 函数实现及应用- I: _- E3 C9 X$ w9 _1 T, p5 o4 ?
* |1 m8 `% V* b8 ]# m* x
第6章 ts-axios 异常情况处理【不可忽视的边界条件】
8 v3 f  L  R! X处理 axios 请求的一些异常情况,包括网络错误、请求超时,构造一个信息增强错误处理类。
- Z! l, d/ A" L# B. }5 C6 Y 6-1 错误处理 - 需求分析
, Q2 S1 y5 g. ] 6-2 错误处理- 网络错误+超时错误+非200状态码+demo
9 Z. i: O- ?9 p$ b+ _9 ]5 R 6-3 错误信息增强 - 需求分析' Q; [& ?' Y9 {7 Z. d
6-4 错误信息增强 - 创建 AxiosError 类
5 f; ^7 U" u! c% q 6-5 错误信息增强 - createError 方法应用+ 导出类型定义
3 n  Y5 \- n1 y" w7 x
$ U+ }8 b( c, C7 Z- I, U

本帖子中包含更多资源

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

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

本版积分规则

关闭

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

点击这里给我发消息

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

GMT+8, 2026-8-26 14:22

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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