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

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

[复制链接]
累计签到:85 天
连续签到:1 天
发表于 2019-6-25 12:31:13 | 显示全部楼层 |阅读模式
第1章 课程介绍【悄悄告诉你,一定要看,有福利】3 t0 s! P  \( ?' I+ n' a( `
1-1 课程介绍
& a1 W  e: z, z% k8 E9 Q/ v" d7 U  L/ r+ z8 `: I
第2章 初识 Typescript【初次体验】
/ T6 r$ B7 d0 A2 D: A& u教会同学们安装 Typescript 编译器,以及通过编写第一个 TypeScript 程序认识 TypeScript。
$ O( \. D9 P1 g1 m 2-1 安装 TypeScript
% K% e+ [/ v8 `+ m; M 2-2 编写第一个 TypeScript 程序2 @* j% S4 i- `  h0 b2 `' V8 p
) p$ |0 K$ \# i
第3章 Typescript 类型系统【必备基础,牢固掌握】
5 O3 o: D1 g1 h3 R  ~& M主讲 TypeScript 的一些重要的基础概念,并配合一些具体的代码示例辅助说明,帮助同学们了解 TypeScript 的常见用法,为之后的实战打下基础
" G# w! j5 Y( j/ O$ u/ Z 3-1 基础类型(上)
8 N. N- R5 T: K' V; Q 3-2 基础类型(下)6 c+ ~6 B2 S' G! x  m
3-3 基础类型(注意版本报错问题)
6 I8 W& M9 i  ~& }# H5 D 3-4 变量声明 - var 声明1 \' Z) R0 O, @- h
3-5 变量声明 - let 声明
# ?2 s, o  }% y9 Z 3-6 变量声明 - const 声明9 k: l: x$ L# l
3-7 变量声明 - 解构! J2 K! x) J: ^0 _
3-8 变量声明 - 展开0 g6 ~  f2 ]% F  W" J, k
3-9 接口 - 接口初探+ x- a& u/ q/ `3 ~
3-10 接口 - 可选属性+只读属性
. k: u. C' V1 a' Y 3-11 接口 - 额外属性检查+函数类型+可索引的类型3 C' V& O8 [% }
3-12 接口 -类类型+继承接口+混合类型+接口继承类
! i$ K- i8 K4 N 3-13 类 - 基本示例+继承
' k$ d2 p5 s# `# U: X- Y) j9 J 3-14 类 - 公共,私有与受保护修饰符+ readonly 修饰符. A' g& H: E: x$ ]4 `
3-15 类 - 存取器+ 静态属性
  f0 W. @4 A- X1 l4 _/ x0 E: u' N9 u! V 3-16 类 - 抽象类+ 高级技巧
  i3 o/ G& z; S1 j. W/ L0 S2 o: n/ } 3-17 函数 - 基本示例+ 函数类型7 k- `9 N' |  D( i; Y
3-18 函数 - 可选参数和默认参数
& [  F2 G$ U. j! D2 ?1 g 3-19 函数 - this+ 重载) k$ J4 J9 R4 a9 p
3-20 泛型 - 基本示例+ 使用泛型变量+泛型类型; P' f0 T' B: X* D6 }% m
3-21 泛型 - 泛型类+泛型约束* I! u, }# N3 @
3-22 类型推断 - 基础+ 最佳通用类型+ 上下文类型! Z# g- C! ~  ?! s/ j3 _
3-23 高级类型 - 交叉类型
, o! \3 i( \0 D9 C' V4 F% o6 Y 3-24 高级类型 - 联合类型
1 |7 }- R* p. w  k  m, L0 t 3-25 高级类型 - 类型保护: u+ |7 W+ t+ x
3-26 高级类型 - 可以为 null 的类型+ 字符串字面量类型
9 z7 n) f1 S% E# M/ |5 O5 t: W# D3 l. o3 Z4 o# T; P! s
第4章 ts-axios 项目构建【工欲善其事必先利其器】6 |4 v9 l+ g: P' h" S, w: D
分析 axios 项目的重构需求,使用 typescrpit-library-starter 脚手架初始化项目,并编写基础请求的代码,搭建整个 demo 的架构方案。' j" n5 `1 {7 u* h
4-1 需求分析$ k7 o  F3 Z$ E' ^( m7 U% k
4-2 初始化项目 - 创建代码仓库* J& q5 Y6 v$ r8 K1 Y1 K( ~& a
4-3 初始化项目 - TypeScript library starter$ b# P! O/ n  P
4-4 初始化项目 - 关联远程分支
/ \% a( e$ B* J. h+ I1 U# J+ \% B 4-5 编写基础请求代码 - 创建入口文件; a0 A$ z. j' h6 k1 d6 }( Q1 G
4-6 编写基础请求代码 - 利用 XMLHttpRequest 发送请求
3 M# T! A; g# e5 W1 r 4-7 编写基础请求代码 - demo 编写7 ]; s0 a: h) J, d5 Q
$ b, `/ V" F( z8 I1 x
第5章 ts-axios 基础功能实现【核心流程】
# _; \# q6 r) P3 j( Q' x实现 axios 的基础功能,包括对请求 url、data、header 以及响应 data、header 的处理。
! `4 f9 t& o. L4 ~7 M1 s 5-1 处理请求 url 参数 - 需求分析1 N2 k3 ~. ?2 Y. I. a, g% Y! v4 B. y
5-2 处理请求 url 参数 - buildURL 函数实现: p- D6 ?  ]) H6 ?
5-3 处理请求 url 参数 - 实现 url 参数处理逻辑
% J( c4 s" \8 y! ^) R4 \" s2 m 5-4 处理请求 url 参数 - demo 编写
  g( Y4 G' B5 D+ y) ~ 5-5 处理请求 body 数据 - 需求分析+ 实现 试看
8 b2 c5 v( o+ j3 \ 5-6 处理请求 header - 需求分析  B0 ?! J5 k, x' o7 {0 U
5-7 处理请求 header - processHeaders 函数实现( g& ?0 x1 c+ `9 A. A  r7 c* v
5-8 处理请求 header - 实现请求 header 处理逻辑
1 _; @, H: D0 `, Q( r 5-9 处理请求 header - demo 编写
) x6 Y  o* C2 b! F% S 5-10 获取响应数据 - 需求分析+实现8 m: Z5 H1 J" `* E9 V. @
5-11 处理响应 header - 需求分析+ parseHeaders 函数实现及应用( Y1 l* V% p% x/ t' R
5-12 处理响应 data - 需求分析+ transformResponse 函数实现及应用
5 O9 z2 M) n0 W) w% t& I! N' ~& V. y
第6章 ts-axios 异常情况处理【不可忽视的边界条件】# Y- {' I/ u: u( Y
处理 axios 请求的一些异常情况,包括网络错误、请求超时,构造一个信息增强错误处理类。* P% A1 \5 k; q8 G: _
6-1 错误处理 - 需求分析
- ^- m: H5 F8 H3 X" f' { 6-2 错误处理- 网络错误+超时错误+非200状态码+demo
# E( H# G+ ^  {: ^# ?9 S) r9 t 6-3 错误信息增强 - 需求分析
$ Z; A8 c& f& x' ^. o* \  [ 6-4 错误信息增强 - 创建 AxiosError 类
% E6 B! |* o5 X8 J- k: f 6-5 错误信息增强 - createError 方法应用+ 导出类型定义
3 Y+ n& z8 {' l, V7 ~2 G& |3 `9 ?$ D" B, L

本帖子中包含更多资源

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

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

本版积分规则

关闭

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

点击这里给我发消息

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

GMT+8, 2026-10-28 14:28

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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