TypeScript入門與區(qū)塊鏈項(xiàng)目實(shí)戰(zhàn)

目 錄


第Ⅰ部分 精通TypeScript語法
第1章 熟悉TypeScript 3
1.1 使用TypeScript編程的理由 3
1.2 典型的TypeScript工作流 7
1.3 使用TypeScript編譯器 8
1.4 了解Visual Studio Code 12
1.5 本章小結(jié) 14
第2章 基本類型與自定義類型 15
2.1 聲明變量類型 15
2.1.1 基本類型標(biāo)注 16
2.1.2 函數(shù)聲明中的類型 20
2.1.3 union類型 21
2.2 定義自定義類型 23
2.2.1 使用type關(guān)鍵字 24
2.2.2 將類用作自定義類型 25
2.2.3 將接口用作自定義類型 27
2.2.4 結(jié)構(gòu)化還是名義類型系統(tǒng) 29
2.2.5 自定義類型的unions 31
2.3 any和unknown類型，以及用戶定義的類型保護(hù) 33
2.4 微型項(xiàng)目 35
2.5 本章小結(jié) 36
第3章 面向?qū)ο缶幊痰念惡徒涌? 37
3.1 類 37
3.1.1 開始了解類繼承 38
3.1.2 訪問修飾符public、private、protected 39
3.1.3 靜態(tài)變量及singleton(單例)設(shè)計(jì)模式示例 41
3.1.4 super()方法與super關(guān)鍵字 43
3.1.5 抽象類 45
3.1.6 方法重載 48
3.2 使用interface 53
3.2.1 執(zhí)行合同 53
3.2.2 擴(kuò)展接口 55
3.2.3 接口編程 57
3.3 本章小結(jié) 60
第4章 使用枚舉和泛型 61
4.1 使用枚舉 61
4.1.1 數(shù)字型枚舉 61
4.1.2 字符串枚舉 64
4.1.3 使用常量枚舉 66
4.2 使用泛型 67
4.2.1 理解泛型 67
4.2.2 創(chuàng)建自己的泛型類型 72
4.2.3 創(chuàng)建泛型函數(shù) 76
4.2.4 強(qiáng)制執(zhí)行高階函數(shù)的返回類型 80
4.3 本章小結(jié) 81
第5章 裝飾器與高級類型 83
5.1 裝飾器 84
5.1.1 創(chuàng)建類裝飾器 85
5.1.2 創(chuàng)建函數(shù)裝飾器 90
5.2 映射類型 92
5.2.1 只讀映射類型 92
5.2.2 聲明自己的映射類型 96
5.2.3 其他內(nèi)置的映射類型 97
5.3 條件類型 99
5.4 本章小結(jié) 104
第6章 開發(fā)工具集 105
6.1 源映射 106
6.2 TSLint linter 108
6.3 使用Webpack綁定代碼 111
6.3.1 使用Webpack綁定JavaScript 112
6.3.2 使用Webpack綁定TypeScript 116
6.4 使用Babel編譯器 119
6.4.1 在JavaScript中使用Babel 122
6.4.2 在TypeScript中使用Babel 124
6.4.3 在TypeScript與Webpack中使用Babel 126
6.5 工具介紹 128
6.5.1 Deno介紹 128
6.5.2 ncc介紹 129
6.6 本章小結(jié) 132
第7章 在項(xiàng)目中同時(shí)使用TypeScript和JavaScript 133
7.1 類型定義文件 133
7.1.1 了解類型定義文件 134
7.1.2 類型定義文件與IDE 135
7.1.3 shim與類型定義 138
7.1.4 創(chuàng)建自己的類型定義文件 139
7.2 使用JavaScript庫的TypeScript應(yīng)用程序示例 140
7.3 在JavaScript項(xiàng)目中使用TypeScript 148
7.4 本章小結(jié) 151

第Ⅱ部分 基于TypeScript的區(qū)塊鏈應(yīng)用
第8章 開發(fā)區(qū)塊鏈應(yīng)用 155
8.1 區(qū)塊鏈簡介 156
8.1.1 加密哈希函數(shù) 157
8.1.2 區(qū)塊由什么組成 159
8.1.3 什么是區(qū)塊挖掘 160
8.1.4 哈希和隨機(jī)數(shù)的迷你項(xiàng)目 162
8.2 開發(fā)第一個(gè)區(qū)塊鏈 164
8.2.1 項(xiàng)目結(jié)構(gòu) 164
8.2.2 創(chuàng)建一個(gè)原始區(qū)塊鏈 167
8.2.3 使用工作證明創(chuàng)建區(qū)塊鏈 170
8.3 本章小結(jié) 173
第9章 開發(fā)基于瀏覽器的區(qū)塊鏈節(jié)點(diǎn) 175
9.1 運(yùn)行區(qū)塊鏈Web應(yīng)用 176
9.1.1 項(xiàng)目結(jié)構(gòu) 176
9.1.2 使用npm腳本部署應(yīng)用 178
9.1.3 使用區(qū)塊鏈Web應(yīng)用 179
9.2 Web客戶端 182
9.3 挖掘區(qū)塊 187
9.4 使用crypto API生成哈希 191
9.5 獨(dú)立的區(qū)塊鏈客戶端 194
9.6 在瀏覽器中調(diào)試TypeScript 196
9.7 本章小結(jié) 198
第10章 使用Node.js、TypeScript和WebSocket進(jìn)行客戶端-服務(wù)器通信 199
10.1 使用最長鏈規(guī)則解決沖突 200
10.2 為區(qū)塊鏈添加服務(wù)器 202
10.3 項(xiàng)目結(jié)構(gòu) 203
10.4 項(xiàng)目的配置文件 204
10.4.1 配置TypeScript編譯環(huán)境 204
10.4.2 package.json包含什么 206
10.4.3 配置nodemon 207
10.4.4 運(yùn)行區(qū)塊鏈App 208
10.5 WebSocket簡介 213
10.5.1 HTTP和WebSocket協(xié)議的對比 214
10.5.2 將數(shù)據(jù)從節(jié)點(diǎn)服務(wù)器推送到普通客戶端 215
10.6 回顧通知工作流 219
10.6.1 回顧服務(wù)器代碼 221
10.6.2 回顧客戶端代碼 231
10.7 本章小結(jié) 240
第11章 使用TypeScript開發(fā)Angular應(yīng)用程序 241
11.1 使用Angular CLI生成并運(yùn)行一個(gè)新的應(yīng)用程序 242
11.2 查看生成的App 244
11.3 Angular服務(wù)和依賴注入 250
11.4 使用ProductService注入的應(yīng)用 253
11.5 使用TypeScript進(jìn)行抽象編程 255
11.6 開始處理HTTP請求 257
11.7 表單入門 261
11.8 Router基礎(chǔ) 265
11.9 本章小結(jié) 269
第12章 使用Angular開發(fā)區(qū)塊鏈客戶端 271
12.1 啟動(dòng)Angular區(qū)塊鏈應(yīng)用程序 271
12.2 回顧AppComponent 273
12.3 回顧TransactionFormComponent 277
12.4 回顧BlockComponent 278
12.5 回顧服務(wù) 281
12.6 本章小結(jié) 283
第13章 使用TypeScript開發(fā)React.js應(yīng)用程序 285
13.1 使用React開發(fā)最簡單的網(wǎng)頁 286
13.2 使用Create React App生成并運(yùn)行一個(gè)新應(yīng)用 288
13.3 管理組件的狀態(tài) 293
13.3.1 向基于類的組件添加狀態(tài) 293
13.3.2 使用鉤子管理函數(shù)組件的狀態(tài) 294
13.4 開發(fā)一個(gè)天氣應(yīng)用程序 297
13.4.1 向App組件添加狀態(tài)鉤子 298
13.4.2 在App組件中使用useEffect鉤子獲取數(shù)據(jù) 300
13.4.3 使用props 306
13.4.4 子組件如何將數(shù)據(jù)傳遞給其父組件 311
13.5 Virtual DOM 313
13.6 本章小結(jié) 314
第14章 使用React.js開發(fā)區(qū)塊鏈客戶端 315
14.1 啟動(dòng)客戶端和消息服務(wù)器 315
14.2 lib目錄中發(fā)生的變化 318
14.3 smart App組件 320
14.3.1 添加事務(wù) 322
14.3.2 生成一個(gè)新區(qū)塊 324
14.3.3 解釋useEffect()鉤子函數(shù) 325
14.3.4 使用useCallback()鉤子的記憶化緩存(Memoization) 327
14.4 presentation組件——TransactionForm 330
14.5 presentation組件——PendingTransactionsPanel 333
14.6 presentation組件——BlocksPanel和BlockComponent 335
14.7 本章小結(jié) 337
第15章 使用TypeScript開發(fā)Vue.js應(yīng)用程序 339
15.1 使用Vue開發(fā)最簡單的Web頁面 340
15.2 使用Vue CLI生成和運(yùn)行新應(yīng)用程序 343
15.3 開發(fā)有路由支持的單頁應(yīng)用程序 349
15.3.1 使用Vue Router生成一個(gè)新應(yīng)用程序 350
15.3.2 在主視圖中顯示products列表 353
15.3.3 使用Vue Router傳遞數(shù)據(jù) 358
15.4 本章小結(jié) 362
第16章 用Vue.js開發(fā)區(qū)塊鏈客戶端 365
16.1 啟動(dòng)客戶端和消息服務(wù)器 366
16.2 App組件 369
16.3 presentation組件——TransactionForm 372
16.4 presentation組件——PendingTransactionsPanel 376
16.5 presentation組件——BlocksPanel和Block 378
16.6 本章小結(jié) 382
后記 382
附錄A JavaScript基礎(chǔ)知識 383
A.1 如何運(yùn)行代碼示例 383
A.2 關(guān)鍵字let和const 383
A.2.1 var關(guān)鍵字和hoisting(提升) 384
A.2.2 使用let和const的塊級作用域 385
A.3 字面量模板 386
A.4 可選參數(shù)和默認(rèn)值 388
A.5 箭頭函數(shù)表達(dá)式 389
A.6 rest運(yùn)算符 391
A.7 spread運(yùn)算符 393
A.8 解構(gòu) 394
A.8.1 解構(gòu)對象 394
A.8.2 解構(gòu)數(shù)組 397
A.9 類和繼承 398
A.9.1 構(gòu)造函數(shù) 400
A.9.2 super關(guān)鍵字和super函數(shù) 401
A.9.3 靜態(tài)類成員 402
A.10 異步處理 403
A.10.1 回調(diào)地獄 404
A.10.2 promise 404
A.10.3 同時(shí)執(zhí)行多個(gè)promise 407
A.10.4 async-await 408
A.11 模塊 410
A.12 轉(zhuǎn)換器 413