新上課程推薦：TypeScript徹底解讀(總26課時）

時間 2019-11-07

標籤課程推薦 typescript 徹底解讀課時简体版

原文原文鏈接

講師簡介：

iview 核心開發者，iview-admin 做者，百萬級虛擬渲染表格組件 vue-bigdata-table 做者。目前就任於知名互聯網公司，對 Vue 技術棧項目開發有深入看法，關注團隊協做項目開發最佳實踐。前端

課程連接： https://segmentfault.com/ls/1...

前言：

TypeScript在2018年勢頭迅猛，三大主流前端框架中，Angular和React開始就是使用TS編寫的源碼，而Vue3.0將使用TS重寫，重寫後的Vue3.0將更好的支持TS，屆時三大框架均可以很好的支持開發者使用TS開發。而如今幾乎全部第三方JS庫都有開源社區爲之書寫TS聲明文件，因此即使是舊的項目也可以逐步過渡到TS開發。愈來愈多的庫開始使用TS重寫，愈來愈多的開源工具諸如VSCode等源碼都用TS書寫。2019年TypeScript將會更加普及，國內各大互聯網公司，和中小型團隊都開始嘗試使用TS開發項目，TS也將會成爲面試官喜歡說起的內容，可以熟練掌握TS，並使用TS開發過項目，將會爲你的面試加分。vue

本套課程包含兩大部分，第一部分是基礎部分，也是重要部分，參考TS官方文檔結構，針對內容之間的關聯性和先後順序進行合理調整。所講內容基本覆蓋TS所包含的全部內容，可是不拘泥於文檔照搬，對一些很差理解，而文檔中一句帶過的內容，補充具體的示例，幫助你們理解；對於一些滯後的文檔內容和一些錯誤示例進行修正，並將後面更新的新特性穿插到對應章節；在講解基礎知識的同時，穿插一些實際開發中的經驗，幫助你們理解學習。第二部分實踐部分，經過5種常見項目類型進行實際操練，將基礎知識融入到實際場景中進行運用，幫助你們理解基礎知識的實際使用場景，對學習和開發有重要幫助。mysql

課程重要說明：

本課程持續更新，基礎部分每週一更新3節，週二至週五天天更新1節，每日更新時間以視頻經過審覈時間爲準；基礎部分21課時更新完一週後開始更新實戰部分課程，每週更新2節。面試

課程答疑羣：

購買課程後能夠進入本課程答疑羣，學習中有任何問題和建議可在羣裏交流，點擊!!這裏!!掃碼進羣，進羣有以下福利：sql

學習中的任何問題，均可以在羣裏獲得答案
本課程錄製時TS最新版本爲3.3，TS的後續更新，答疑羣內都會及時講解，以文檔或視頻方式講解最新TS的更新內容，一套課程，終身學習
後續購課永享8折優惠，羣內永久分享Lison其餘課程優惠購課地址
更多其餘福利

課程面向羣體：

對TS零基礎，有基本JS基礎的開發者
對TS有簡單瞭解沒有深刻詳細學習的開發者
想學習TS並投入到實際開發中的入門開發者
有JS先後端開發經驗，並想結合TS進行開發的開發者

課程大綱:

1.搭建開發環境

(1) 前端開發環境
(2) Node服務端開發環境

2.基礎類型

(1)布爾值
(2)數值
(3)字符串
(4)數組
(5)元組
(6)枚舉
(7)any
(8)void
(9)null和undefined
(10)never
(11)object
(12)類型斷言

3.【贈課】ES6精講 - Symbol

(1)基礎
(2)做爲屬性名
(3)屬性名的遍歷
(4)Symbol.for和Symbol.keyFor

4.接口

(1)基本用法
(2)可選屬性
(3)多餘屬性檢查
(4)繞開多餘屬性檢查
(5)只讀屬性
(6)函數類型
(7)索引類型
(8)繼承接口
(9)混合類型接口

5.函數

(1)函數類型數據庫
- i.爲函數定義類型
- ii.完整的函數類型
- iii.使用接口定義函數類型
- iv.使用類型別名
(2)參數json
- i.可選參數
- ii.默認參數
- iii.剩餘參數
(3)重載

6.泛型

(1)基本用法
(2)泛型變量
(3)泛型類型
(4)泛型約束
(5)在泛型約束中使用類型參數

7.【贈課】ES6精講 - 類Class基礎

(1)實現建立實例
(2)constructor方法
(3)類的實例
(4)取值函數和存值函數
(5)class表達式
(6)靜態方法
(7)實例屬性其餘寫法
(8)靜態屬性
(9)私有方法
(10)私有屬性
(11)new.target屬性

8.【贈課】ES6精講 - 類Class繼承

(1)ES5中的繼承
(2)ES6中類的繼承
(3)Object.getPrototypeOf
(4)supersegmentfault
- i.做爲函數
- ii.做爲對象
(5)類的prototype屬性和__proto__屬性
(6)原生構造函數的繼承

9.TS中的類

(1)基礎
(2)修飾符後端
- i.public
- ii.private
- iii.protected
(3)readonly修飾符
(4)參數屬性
(5)靜態屬性
(6)可選類屬性
(7)存取器
(8)抽象類
(9)實例類型
(10)對前面跳過知識的補充數組
- i.類類型接口
- ii.接口繼承類
- iii.在泛型中使用類類型

10.枚舉

(1)數字枚舉
(2)反向映射
(3)字符串枚舉
(4)異構枚舉
(5)枚舉成員類型和聯合枚舉類型
(6)運行時的枚舉
(7)const enum

11.類型推論和兼容性

(1)類型推論
- i.基礎
- ii.多類型推論
- iii.上下文類型
(2)類型兼容性
- i.基礎
- ii.函數兼容性
  - 1.函數參數個數
  - 2.函數參數類型
  - 3.函數返回值類型
  - 4.可選參數和剩餘參數
  - 5.函數參數雙向協變
  - 6.函數重載
- iii.枚舉兼容性
- iv.類兼容性
- v.泛型兼容性

12.高級類型 - 1

(1)交叉類型
(2)聯合類型
(3)unknown
(4)類型保護
- i.自定義類型保護
- ii.typeof類型保護
- iii.instanceof類型保護
(5)null和undefined
- i.嚴格模式
- ii.可選參數和可選屬性
(6)類型保護和類型斷言
(7)類型別名
(8)字面量類型
- i.字符串字面量類型
- ii.數字字面量類型
(9)可辨識聯合
- i.利用strictNullChecks
- ii.使用never類型

13.高級類型 - 2

(1)this類型
(2)索引類型
- i.索引類型查詢操做符
- ii.索引訪問操做符
(3)映射類型
- i.基礎
- ii.由映射類型進行推斷
- iii.增長或移除特定修飾符
- iv.keyof和映射類型在2.9的升級
- v.元組和數組上的映射類型
(4)條件類型
- i.基礎
- ii.分佈式條件類型
- iii.條件類型的類型推斷
- iv.TS預約義條件類型

14.【贈課】ES6和Node.js中的模塊

(1)ES6的模塊
- i.export
- ii.import
- iii.export default
- iv.import和export的複合寫法
- v.import()
(2)Node.js的模塊
- i.exports
- ii.module.exports

15.模塊和命名空間

(1)模塊
- i.export
- ii.import
- iii.export default
- iv.export =和import xx = require()
(2)命名空間
- i.定義和使用
- ii.拆分爲多個文件
(3)別名
(4)模塊解析
- i.相對和非相對模塊導入
- ii.模塊解析策略
  - 1.Classic模塊解析策略]
  - 2.Node模塊解析策略
- iii.模塊解析配置項
  - 1.baseUrl
  - 2.paths
  - 3.rootDirs
  - 4.traceResolution
  - 5.noResolve