1.使用Typescript重构axios(一)——写在最前面 2.使用Typescript重构axios(二)——项目起手,跑通流程 3.使用Typescript重构axios(三)——实现基础功能:处理get请求url参数 4.使用Typescript重构axios(四)——实现基础功能:处理post请求参数 5.使用Typescript重构axios(五)——实现基础功能:处理请求的header 6.使用Typescript重构axios(六)——实现基础功能:获取响应数据 7.使用Typescript重构axios(七)——实现基础功能:处理响应header 8.使用Typescript重构axios(八)——实现基础功能:处理响应data 9.使用Typescript重构axios(九)——异常处理:基础版 10.使用Typescript重构axios(十)——异常处理:增强版 11.使用Typescript重构axios(十一)——接口扩展 12.使用Typescript重构axios(十二)——增加参数 13.使用Typescript重构axios(十三)——让响应数据支持泛型 14.使用Typescript重构axios(十四)——实现拦截器 15.使用Typescript重构axios(十五)——默认配置 16.使用Typescript重构axios(十六)——请求和响应数据配置化 17.使用Typescript重构axios(十七)——增加axios.create 18.使用Typescript重构axios(十八)——请求取消功能:总体思路 19.使用Typescript重构axios(十九)——请求取消功能:实现第二种使用方式 20.使用Typescript重构axios(二十)——请求取消功能:实现第一种使用方式 21.使用Typescript重构axios(二十一)——请求取消功能:添加axios.isCancel接口 22.使用Typescript重构axios(二十二)——请求取消功能:收尾 23.使用Typescript重构axios(二十三)——添加withCredentials属性 24.使用Typescript重构axios(二十四)——防御XSRF攻击 25.使用Typescript重构axios(二十五)——文件上传下载进度监控 26.使用Typescript重构axios(二十六)——添加HTTP授权auth属性 27.使用Typescript重构axios(二十七)——添加请求状态码合法性校验 28.使用Typescript重构axios(二十八)——自定义序列化请求参数 29.使用Typescript重构axios(二十九)——添加baseURL 30.使用Typescript重构axios(三十)——添加axios.getUri方法 31.使用Typescript重构axios(三十一)——添加axios.all和axios.spread方法 32.使用Typescript重构axios(三十二)——写在最后面(总结)
项目源码请猛戳这里!!!
1. 总结
本系列文章是博主在学习了TypeScript 后想着找个小项目做做以此来检验一下学习成果,但是又觉得做一个小应用如待办清单之类的实际意义不是很大,突发奇想不如造个轮子试试。由于是第一次造轮子,所以想选择一个常用,易于理解,并且自己较熟悉的轮子。网上搜索一番,发现前后端交互神器axios 造的人挺多的,并且提供了很多重构思路,为了能够站在巨人的肩膀上,并且axios 也刚好符合上面提到的三个要求,那就是它啦,使用TypeScript 重构axios 。
经过一段时间的学习,琢磨,摸索以及翻阅大量的资料,终于完成了官方 axios 库在浏览器端的所有需求。并将整个过程中自己的心路历程都记录了下来,每篇文章都是博主细细推敲而来,力求完整的还原每一个功能点的重构过程,实现每一个功能都先搞清楚这个功能是干什么的,内部是什么原理,实现的思路是什么。虽不敢说文章的每一个字,每一行代码都是博主原创,但是整个过程走下来都是自己细细思考而来。这期间查阅了大量的资料,阅读了官方axios 源码,站在巨人的肩膀上,学习他人的优秀思路,结合自己的思考,最终完成该系列文章,希望能够对后来者有所帮助。
2. 参考文献
- 官方axios源码
- TypeScript 中文手册
- 黄佚老师课程《TypeScript从零重构axios》
- 网上相关的诸多博主。
(完)
|
请发表评论