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

目 錄


第Ⅰ部分 精通TypeScript語(yǔ)法
第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章 基本類(lèi)型與自定義類(lèi)型 15
2.1 聲明變量類(lèi)型 15
2.1.1 基本類(lèi)型標(biāo)注 16
2.1.2 函數(shù)聲明中的類(lèi)型 20
2.1.3 union類(lèi)型 21
2.2 定義自定義類(lèi)型 23
2.2.1 使用type關(guān)鍵字 24
2.2.2 將類(lèi)用作自定義類(lèi)型 25
2.2.3 將接口用作自定義類(lèi)型 27
2.2.4 結(jié)構(gòu)化還是名義類(lèi)型系統(tǒng) 29
2.2.5 自定義類(lèi)型的unions 31
2.3 any和unknown類(lèi)型，以及用戶(hù)定義的類(lèi)型保護(hù) 33
2.4 微型項(xiàng)目 35
2.5 本章小結(jié) 36
第3章 面向?qū)ο缶幊痰念?lèi)和接口 37
3.1 類(lèi) 37
3.1.1 開(kāi)始了解類(lèi)繼承 38
3.1.2 訪問(wèn)修飾符public、private、protected 39
3.1.3 靜態(tài)變量及singleton(單例)設(shè)計(jì)模式示例 41
3.1.4 super()方法與super關(guān)鍵字 43
3.1.5 抽象類(lèi) 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)建自己的泛型類(lèi)型 72
4.2.3 創(chuàng)建泛型函數(shù) 76
4.2.4 強(qiáng)制執(zhí)行高階函數(shù)的返回類(lèi)型 80
4.3 本章小結(jié) 81
第5章 裝飾器與高級(jí)類(lèi)型 83
5.1 裝飾器 84
5.1.1 創(chuàng)建類(lèi)裝飾器 85
5.1.2 創(chuàng)建函數(shù)裝飾器 90
5.2 映射類(lèi)型 92
5.2.1 只讀映射類(lèi)型 92
5.2.2 聲明自己的映射類(lèi)型 96
5.2.3 其他內(nèi)置的映射類(lèi)型 97
5.3 條件類(lèi)型 99
5.4 本章小結(jié) 104
第6章 開(kāi)發(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 類(lèi)型定義文件 133
7.1.1 了解類(lèi)型定義文件 134
7.1.2 類(lèi)型定義文件與IDE 135
7.1.3 shim與類(lèi)型定義 138
7.1.4 創(chuàng)建自己的類(lèi)型定義文件 139
7.2 使用JavaScript庫(kù)的TypeScript應(yīng)用程序示例 140
7.3 在JavaScript項(xiàng)目中使用TypeScript 148
7.4 本章小結(jié) 151

第Ⅱ部分 基于TypeScript的區(qū)塊鏈應(yīng)用
第8章 開(kāi)發(fā)區(qū)塊鏈應(yīng)用 155
8.1 區(qū)塊鏈簡(jiǎn)介 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 開(kāi)發(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章 開(kāi)發(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客戶(hù)端 182
9.3 挖掘區(qū)塊 187
9.4 使用crypto API生成哈希 191
9.5 獨(dú)立的區(qū)塊鏈客戶(hù)端 194
9.6 在瀏覽器中調(diào)試TypeScript 196
9.7 本章小結(jié) 198
第10章 使用Node.js、TypeScript和WebSocket進(jìn)行客戶(hù)端-服務(wù)器通信 199
10.1 使用最長(zhǎng)鏈規(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簡(jiǎn)介 213
10.5.1 HTTP和WebSocket協(xié)議的對(duì)比 214
10.5.2 將數(shù)據(jù)從節(jié)點(diǎn)服務(wù)器推送到普通客戶(hù)端 215
10.6 回顧通知工作流 219
10.6.1 回顧服務(wù)器代碼 221
10.6.2 回顧客戶(hù)端代碼 231
10.7 本章小結(jié) 240
第11章 使用TypeScript開(kāi)發(fā)Angular應(yīng)用程序 241
11.1 使用Angular CLI生成并運(yùn)行一個(gè)新的應(yīng)用程序 242
11.2 查看生成的App 244
11.3 Angular服務(wù)和依賴(lài)注入 250
11.4 使用ProductService注入的應(yīng)用 253
11.5 使用TypeScript進(jìn)行抽象編程 255
11.6 開(kāi)始處理HTTP請(qǐng)求 257
11.7 表單入門(mén) 261
11.8 Router基礎(chǔ) 265
11.9 本章小結(jié) 269
第12章 使用Angular開(kāi)發(fā)區(qū)塊鏈客戶(hù)端 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開(kāi)發(fā)React.js應(yīng)用程序 285
13.1 使用React開(kāi)發(fā)最簡(jiǎn)單的網(wǎng)頁(yè) 286
13.2 使用Create React App生成并運(yùn)行一個(gè)新應(yīng)用 288
13.3 管理組件的狀態(tài) 293
13.3.1 向基于類(lèi)的組件添加狀態(tài) 293
13.3.2 使用鉤子管理函數(shù)組件的狀態(tài) 294
13.4 開(kāi)發(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開(kāi)發(fā)區(qū)塊鏈客戶(hù)端 315
14.1 啟動(dòng)客戶(hù)端和消息服務(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開(kāi)發(fā)Vue.js應(yīng)用程序 339
15.1 使用Vue開(kāi)發(fā)最簡(jiǎn)單的Web頁(yè)面 340
15.2 使用Vue CLI生成和運(yùn)行新應(yīng)用程序 343
15.3 開(kāi)發(fā)有路由支持的單頁(yè)應(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開(kāi)發(fā)區(qū)塊鏈客戶(hù)端 365
16.1 啟動(dòng)客戶(hù)端和消息服務(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ǔ)知識(shí) 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的塊級(jí)作用域 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)對(duì)象 394
A.8.2 解構(gòu)數(shù)組 397
A.9 類(lèi)和繼承 398
A.9.1 構(gòu)造函數(shù) 400
A.9.2 super關(guān)鍵字和super函數(shù) 401
A.9.3 靜態(tài)類(lè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