本書講述了開發者使用JavaScript在各種Web開發場景下所需要掌握的重點知識和概念。從最基礎的開發工具講起,再到開發思維方式和前端頁面開發,然后擴展到小程序開發和開發工具的混合應用,再講解前后端交互最常用的網絡協議及API設計,最后講解了使用Node.js開發服務器端應用程序所需要掌握的核心概念。全書以數據鏈為線索,對重要概念進行精練的分析和對比,從而幫助讀者更好地理解和記憶。本書既包括知識技能,又包括設計思想,“道”與“術”并重,讓讀者“知行合一”,既能“坐而論道”,也能“起而行之”。
多年web開發經驗,熟悉前后端開發以及Docker容器技術,喜歡前端,熱愛JavaScript。“開發者頭條”top10專欄作者。“慕課網”認證作者、精英講師。2次擔任w3ctech長沙分享會主講嘉賓。中科院人才中心評審委員會認證軟件工程師CNCF認證CKA
第1章 開發環境 1
1.1 代碼編寫工具 2
1.1.1 IDE 2
1.1.2 編輯器 3
1.1.3 最佳選擇 3
1.2 Docker容器 5
1.2.1 Docker概述 5
1.2.2 Docker重要概念 6
1.2.3 Docker使用場景 11
1.2.4 Docker擴展 15
1.3 代碼管理 15
1.3.1 什么是代碼倉庫 16
1.3.2 版本管理的意義 16
1.3.3 版本管理的常用操作 16
1.3.4 分支管理的意義 17
1.3.5 分支管理的常用操作 17
1.3.6 分支管理流程 18
1.4 其他軟件 23
1.4.1 文件夾管理軟件 23
1.4.2 快速搜索工具 24
1.4.3 終端管理軟件 25
1.4.4 Chrome中的插件 25
1.5 硬件提升 26
1.5.1 提升程序運行速度 26
1.5.2 減少程序切換時間 27
1.6 小結 28
第2章 Web頁面與多頁應用 29
2.1 Web頁面的運行環境——瀏覽器 29
2.1.1 渲染引擎 30
2.1.2 JavaScript引擎 38
2.1.3 數據持久層 40
2.2 HTML 41
2.3 模板 42
2.3.1 模板的意義 42
2.3.2 常用模板分類 42
2.3.3 模板的重要功能 42
2.4 CSS盒模型 45
2.5 CSS 46
2.6 CSS布局 47
2.6.1 普通文檔流 47
2.6.2 浮動 57
2.6.3 定位 61
2.6.4 彈性盒模型 62
2.7 CSS預處理 68
2.7.1 預處理的意義 68
2.7.2 預處理的重要功能 69
2.7.3 樣式文件規劃 72
2.7.4 樣式類命名 73
2.8 JavaScript 77
2.8.1 實現功能邏輯 77
2.8.2 操作頁面或瀏覽器 78
2.8.3 進行網絡通信 79
2.8.4 第三方JavaScript庫——jQuery 84
2.8.5 JavaScript簡史 84
2.9 自動化構建工具 85
2.9.1 自動化構建工具的作用 85
2.9.2 常用的自動化構建工具 85
2.10 小結 86
第3章 高效編寫/組織代碼的心法 87
3.1 拆分方式 89
3.1.1 按文件類型拆分 89
3.1.2 按功能類型拆分 90
3.1.3 按關注點拆分 90
3.2 抽象原則 91
3.2.1 第一原則:DRY 91
3.2.2 第二原則:YAGNI 92
3.2.3 第三原則:The Rule of Three 93
3.3 不止于代碼 94
3.4 小結 94
第4章 模塊 96
4.1 模塊的意義 96
4.2 ECMAScript 5中的模塊 96
4.2.1 立即執行函數表達式(Immediately-Invoked Function Expression) 97
4.2.2 顯式模塊聲明 97
4.2.3 異步模塊定義 98
4.2.4 共同模塊定義 99
4.2.5 CommonJS 100
4.2.6 通用模塊定義 101
4.3 ECMAScript 6中的模塊 102
4.4 模塊打包工具 103
4.5 小結 107
第5章 單頁應用(SPA) 108
5.1 框架 109
5.2 視圖與數據 110
5.2.1 雙向數據綁定 111
5.2.2 單向數據流 115
5.3 路由 116
5.3.1 hash 116
5.3.2 history 117
5.4 組件 119
5.4.1 原生組件 119
5.4.2 第三方組件 121
5.5 小結 123
第6章 JavaScript的幾個趨勢 124
6.1 接口與數據類型 125
6.2 更好的異步解決方案 127
6.3 面向對象與類 132
6.3.1 封裝 132
6.3.2 繼承 134
6.3.3 多態 135
6.4 模塊化 138
6.5 小結 141
第7章 小程序概述 142
7.1 常見的App 142
7.2 JavaScript開發者的一雙翅膀 143
7.3 小程序的發展 144
7.4 小結 144
第8章 小程序與Web頁面 145
8.1 WXML 145
8.1.1 WXML與HTML的相同之處 145
8.1.2 WXML與HTML的不同之處 146
8.2 WXSS 149
8.2.1 WXSS與CSS的相同點 149
8.2.2 WXSS與CSS的不同點 149
8.3 JavaScript與WXS 155
8.4 JSON 155
8.4.1 app.json 155
8.4.2 project.config.json 156
8.4.3 page.json 157
8.4.4 component.json 158
8.5 小結 158
第9章 小程序與單頁應用 159
9.1 路由 159
9.1.1 路由配置 159
9.1.2 路由跳轉 160
9.1.3 路由監聽 161
9.2 組件 162
9.2.1 組件與頁面 162
9.2.2 小程序組件與單頁應用組件 164
9.3 web-view 165
9.3.1 作用 165
9.3.2 交互 165
9.4 小結 165
第10章 小程序的框架與插件 166
10.1 RxWX 166
10.2 WePY 168
10.3 mpvue 171
10.4 Taro 171
10.5 小結 171
第11章 小程序的開發工具與發布 173
11.1 開發者工具組成 173
11.1.1 模擬器 174
11.1.2 調試器 174
11.1.3 編輯器 176
11.1.4 其他功能 176
11.2 發布流程 177
11.2.1 小程序的版本 177
11.2.2 用戶身份與權限 178
11.3 小結 178
第12章 其他混合應用簡介 180
12.1 流應用 180
12.2 桌面應用 181
12.3 小結 182
第13章 HTTP協議與Web網站 183
13.1 HTTP的歷史 183
13.2 HTTP的通信方式 183
13.3 HTTP的狀態 184
13.4 小結 184
第14章 HTTP協議內容 185
14.1 請求行/狀態行 186
14.1.1 URL 186
14.1.2 請求方法 188
14.1.3 狀態碼/狀態信息 188
14.2 頭部 192
14.2.1 通用頭部字段 192
14.2.2 請求頭部字段 194
14.2.3 響應頭部字段 196
14.2.4 主體頭部字段 196
14.2.5 其他頭部字段 197
14.3 主體 198
14.4 Cookie 199
14.4.1 Cookie的分類 199
14.4.2 Cookie的使用 199
14.4.3 Cookie的缺陷 200
14.4.4 Cookie與存儲 201
14.5 Cookie與狀態 204
14.5.1 狀態存儲 205
14.5.2 狀態獲取 207
14.5.3 基于token的認證方式更好 207
14.6 小結 208
第15章 HTTP請求優化 209
15.1 減少連接/請求數 209
15.1.1 減少請求 209
15.1.2 減少連接 210
15.2 緩存數據 210
15.3 減少傳輸數據量 210
15.4 優化網絡鏈路 210
15.4.1 減少域名 211
15.4.2 使用CDN 211
15.5 小結 211
第16章 HTTP/2協議 212
16.1 多路復用 212
16.2 壓縮 214
16.3 支持TLS 215
16.4 應用層協議協商 215
16.5 服務器端推送 215
16.6 流控制 216
16.7 小結 216
第17章 HTTPS協議 217
17.1 HTTP的缺點 217
17.1.1 通信使用明文 217
17.1.2 不驗證通信方身份 218
17.1.3 無法證明報文的完整性 218
17.2 理解HTTPS 219
17.2.1 HTTPS通信流程 219
17.2.2 密碼學基礎 221
17.2.3 摘要與簽名 221
17.2.4 X.509與證書 222
17.3 小結 223
第18章 WebSocket協議 224
18.1 WebSocket與HTTP 224
18.2 WebSocket的使用 224
18.2.1 客戶端 225
18.2.2 服務器端 226
18.3 小結 227
第19章 API 228
19.1 REST 228
19.1.1 REST API設計 228
19.1.2 REST API工具 230
19.2 GraphQL 231
19.2.1 GraphQL設計 232
19.2.2 GraphQL工具 234
19.3 小結 235
第20章 Node.js概述 237
20.1 為什么要學習Node.js 237
20.2 什么是Node.js 238
20.3 Node.js的歷史 239
20.4 Node.js的結構 240
20.5 Node.js的運行機制 241
20.5.1 單線程 241
20.5.2 事件循環 242
20.6 學習Node.js的三個挑戰 244
20.6.1 I/O回調 244
20.6.2 代碼性能 244
20.6.3 多進程協作 245
20.7 小結 245
第21章 用Node.js編寫Web服務器端 246
21.1 處理請求 246
21.1.1 創建服務器端 246
21.1.2 解析請求 247
21.2 響應結果 250
21.2.1 狀態信息 250
21.2.2 響應頭部 251
21.2.3 響應主體 251
21.3 路由解析 253
21.4 I/O操作 260
21.4.1 文件 260
21.4.2 數據庫 264
21.4.3 網絡請求 267
21.5 Web框架 270
21.5.1 Express 271
21.5.2 Koa 271
21.6 小結 271
第22章 Node.js內存控制 273
22.1 內存限制 273
22.2 內存管理 276
22.2.1 內存分配 276
22.2.2 內存回收 276
22.3 內存泄漏 277
22.3.1 緩存 277
22.3.2 不斷增長的數組 279
22.3.3 重復的事件監聽 279
22.4 大內存處理 281
22.5 小結 283
第23章 Node.js多進程 284
23.1 PM2模塊 284
23.1.1 安裝與使用 285
23.1.2 進程通信 286
23.1.3 進程管理 287
23.2 cluster模塊 290
23.2.1 基本使用 291
23.2.2 進程通信 294
23.2.3 進程管理 294
23.3 child_process模塊 298
23.3.1 基本使用 298
23.3.2 進程通信 298
23.3.3 進程管理 302
23.4 worker_threads模塊 303
23.4.1 基本使用 303
23.4.2 線程通信 304
23.4.3 線程管理 305
23.5 小結 306
第24章 Node.js調試與測試 307
24.1 開發工具 307
24.2 調試工具 307
24.2.1 debug模塊 308
24.2.2 Node Inspector 309
24.3 單元測試 312
24.3.1 單元測試的意義 312
24.3.2 單元測試代碼編寫原則 312
24.3.3 測試框架 314
24.3.4 測試風格 316
24.3.5 測試指標 317
24.4 小結 319