1. 程式人生 > >基於TypeScript從零重構axios

基於TypeScript從零重構axios

ios 基礎 ken 官方 sem 會同 類型系統 com 工廠模式 核心

第1章 課程介紹【悄悄告訴你,一定要看,有福利】
介紹本課程的主要內容,通過本次課程可以學到的知識點,學習方法介紹。

第2章 初識 Typescript【初次體驗】
教會同學們安裝 Typescript 編譯器,以及通過編寫第一個 TypeScript 程序認識 TypeScript。

第3章 Typescript 類型系統【必備基礎,牢固掌握】
主講 TypeScript 的一些重要的基礎概念,並配合一些具體的代碼示例輔助說明,幫助同學們了解 TypeScript 的常見用法,為之後的實戰打下基礎

第4章 ts-axios 項目構建【工欲善其事必先利其器】
分析 axios 項目的重構需求,使用 typescrpit-library-starter 腳手架初始化項目,並編寫基礎請求的代碼,搭建整個 demo 的架構方案。

第5章 ts-axios 基礎功能實現【核心流程】
實現 axios 的基礎功能,包括對請求 url、data、header 以及響應 data、header 的處理。

第6章 ts-axios 異常情況處理【不可忽視的邊界條件】
處理 axios 請求的一些異常情況,包括網絡錯誤、請求超時,構造一個信息增強錯誤處理類。

第7章 ts-axios 接口擴展【工廠模式的合理運用,設計思想的轉變】
把 axios 從普通函數實現到通過工廠模式類的設計轉變,並擴展更多調用接口,把 axios 變成了一個 混合對象,以及讓響應數據支持泛型。

第8章 ts-axios 攔截器實現【巧妙運用 Promise 鏈式調用】

實現 axios 的攔截器功能,對整個實現做了詳細的設計,最後實現攔截器管理類以及鏈式調用邏輯。

第9章 ts-axios 配置化實現【巧妙運用策略模式實現配置合並】
讓 axios 支持一些默認配置,實現了配置的合並,根據不同的屬性采用不同的合並策略,並且擴展了 axios.create 方法擴展默認配置,生成新的實例。

第10章 ts-axios 取消功能實現【巧妙運用 Promise 實現異步分離】
實現 axios 的取消功能,包括對取消接口的設計,CancelToken 類的設計與實現。

第11章 ts-axios 更多功能實現【錦上添花】
實現 axios 更多的功能,包括 XSRF 防禦、上傳、http 認證授權、withCredentials、自定義參數序列化、自定義合法狀態碼、自定義合法狀態碼等,百分百實現官方 axio 在瀏覽器端的功能。

第12章 ts-axios 單元測試【保障代碼高質量】
先介紹單元測試,再講解測試環境搭建,最後完整的實現整個 axios 庫的單元測試,保證測試覆蓋率達到 99%

第13章 ts-axios 部署發布【向社區分享你的項目】
講解 ts-axios 庫的部署和發布,使用 Rollup 編寫部署構建腳本,使用 semantic-release 管理版本和發布。

第14章 課程總結【知識梳理,鞏固加深】
本次課程的整體回顧,總結學習的內容。

下載地址:百度網盤下載

基於TypeScript從零重構axios