JavaScript網頁編程從入門到精通（微課精編版）

《JavaScript網頁編程從入門到精通（微課精編版）》是清華大學出版社於2019年5月出版的圖書，作者是前端科技，本書由淺入深、通俗易懂地講解了網頁製作和動態網站建設的相關技術及實際套用。

基本介紹

• 書名：JavaScript網頁編程從入門到精通（微課精編版）
• 作者：前端科技
• ISBN：9787302520429
• 定價：89.80元
• 出版時間：2019.05.01

內容簡介

《JavaScript網頁編程從入門到精通（微課精編版）》由淺入深、通俗易懂地講解了網頁製作和動態網站建設的相關技術及實際套用。全書共19章，包括JavaScript基礎、JavaScript基本語法、JavaScript程式結構設計、使用數組、使用字元串、使用正則表達式、使用函式、函式式編程、使用對象、面向對象編程、BOM操作、DOM操作、事件操作、CSS操作、JavaScript通信、JavaScript數據存儲、JavaScript圖形設計、JavaScript檔案操作等內容。本書在編寫過程中，注意理論與實踐相結合，通過大量的實例配合講解各知識要點。

圖書目錄

第1 章 JavaScript 基礎 1

視頻講解：16 分鐘

1.1 JavaScript 概述 2

1.1.1 什麼是JavaScript 2

1.1.2 為什麼學習JavaScript 2

1.2 JavaScript 歷史和版本 5

1.2.1 JavaScript 早期歷史 5

1.2.2 ECMAScript 與JavaScript 的關係 5

1.2.3 ECMAScript 歷史 6

1.2.4 ECMAScript 與瀏覽器的兼容 6

1.3 JavaScript 構成 7

1.3.1 JavaScript 核心 7

1.3.2 文檔對象模型 7

1.3.3 瀏覽器對象模型 9

1.4 初次使用JavaScript 9

1.4.1 編寫腳本 9

1.4.2 腳本位置 12

1.4.3 設定延遲執行 13

1.4.4 設定異步回響 13

1.4.5 在XHTML 中使用JavaScript 腳本 13

1.4.6 兼容不支持JavaScript 的瀏覽器 14

1.4.7 比較嵌入代碼與連結腳本 14

1.4.8 使用<noscript>標籤 14

1.4.9 腳本的動態載入 14

1.5 JavaScript 解析基礎 14

1.6 瀏覽器與JavaScript 15

1.7 JavaScript 開發工具 15

1.8 JavaScript 發展趨勢 15

第2 章 JavaScript 基本語法 16

視頻講解：2 小時1 分鐘

2.1 編寫第一行代碼 17

2.2 變數 18

2.2.1聲明變數18

2.2.2賦值變數19

2.2.3變數的作用域19

2.2.4全局變數20

2.3數據類型21

2.3.1檢測類型21

2.3.2數值22

2.3.3字元串24

2.3.4布爾值25

2.3.5Null和Undefined26

2.4運算符27

2.5使用算術運算符29

2.5.1加法運算29

2.5.2減法運算30

2.5.3乘法運算31

2.5.4除法運算31

2.5.5餘數運算31

2.5.6取反運算32

2.5.7遞增和遞減運算32

2.6使用邏輯運算符33

2.6.1與運算33

2.6.2或運算符35

2.6.3非運算符36

2.6.4邏輯運算36

2.7使用關係運算符38

2.7.1大小比較38

2.7.2包含檢測39

2.7.3等值檢測39

2.8使用賦值運算符41

2.9使用對象操作運算符42

2.10使用位運算符42

2.10.1認識位運算43

2.10.2邏輯位運算43

2.10.3移位運算43

2.11使用其他運算符43

2.11.1條件運算符43

2.11.2逗號運算符44

2.11.3void運算符45

2.12表達式46

2.13嚴格模式49

2.14案例實戰51

2.14.1完善類型檢測接口51

2.14.2轉換為字元串52

2.14.3轉換為數字54

2.14.4轉換為數字形式字元串56

2.14.5轉換為布爾值57

2.14.6轉換為對象58

2.14.7把對象轉換為值58

2.14.8強制類型轉換59

2.15強化練習59

2.15.1求值59

2.15.2簡單編程59

2.15.3表達式計算59

2.15.4表達式編程59

第3章JavaScript程式結構設計60

視頻講解：1小時30分鐘

3.1語句61

3.1.1表達式語句61

3.1.2複合語句61

3.1.3聲明語句62

3.1.4空語句62

3.2選擇結構63

3.2.1if語句63

3.2.2設計多選擇結構64

3.2.3switch語句67

3.2.4default從句69

3.2.5最佳化選擇結構70

3.3循環結構73

3.3.1while語句73

3.3.2do-while語句74

3.3.3for語句75

3.3.4for-in語句76

3.3.5最佳化循環結構79

3.4跳轉結構81

3.4.1標籤語句81

3.4.2break語句81

3.4.3continue語句83

3.5異常處理結構85

3.5.1throw語句86

3.5.2try-catch-finally語句86

3.6案例實戰88

3.6.1把結構語句轉換為表達式88

3.6.2最佳化選擇運算性能90

3.6.3最佳化循環運算性能91

3.6.4設計楊輝三角93

3.6.5編程題95

第4章使用數組97

視頻講解：1小時43分鐘

4.1數組基礎98

4.1.1定義數組98

4.1.2定義多維數組99

4.1.3讀寫數組99

4.1.4數組長度100

4.1.5類數組101

4.1.6檢測數組101

4.1.7遍歷數組102

4.1.8空位數組103

4.2使用Array104

4.2.1判斷數組104

4.2.2增刪數組104

4.2.3合併數組106

4.2.4轉換為字元串107

4.2.5截取數組108

4.2.6排序數組109

4.2.7定位元素111

4.2.8疊代數組112

4.2.9過濾數組115

4.2.10驗證數組115

4.2.11匯總數組116

4.3案例實戰118

4.3.1交換變數值118

4.3.2使用關聯數組118

4.3.3擴展數組120

4.3.4初始化數組121

4.3.5數組去重122

4.4強化練習124

4.4.1插入排序124

4.4.2二分插入排序124

4.4.3選擇排序124

4.4.4冒泡排序124

4.4.5快速排序124

4.4.6計數排序124

第5章使用字元串125

視頻講解：1小時19分鐘

5.1字元串基礎126

5.1.1定義字元串126

5.1.2字元串與數組128

5.1.3字元串長度129

5.1.4字元集130

5.1.5Base64轉碼131

5.2使用String132

5.2.1字元串的表示和值132

5.2.2連線字元串133

5.2.3獲取指定位置字元133

5.2.4獲取字元的位置134

5.2.5查找字元串135

5.2.6截取字元串136

5.2.7替換字元串138

5.2.8大小寫轉換139

5.2.9比較字元串139

5.2.10轉換為數組140

5.2.11修剪字元串141

5.3案例實戰141

5.3.1格式化字元串141

5.3.2字元編碼和解碼142

5.3.3Unicode編碼和解碼144

5.3.4字元串智慧型替換146

5.3.5過濾敏感詞148

5.3.6高級加密解密148

第6章使用正則表達式151

視頻講解：1小時20分鐘

6.1新建正則表達式152

6.1.1構造正則表達式152

6.1.2正則表達式直接量153

6.2匹配規則基礎154

6.2.1字面量字元和元字元154

6.2.2轉義字元155

6.2.3特殊字元156

6.2.4字元類157

6.2.5預定義模式159

6.2.6重複類160

6.2.7量詞字元160

6.2.8貪婪模式160

6.2.9修飾字元161

6.2.10模式分組162

6.2.11分組引用163

6.2.12非引用組164

6.2.13聲明邊界165

6.3使用RegExp165

6.3.1RegExp對象屬性165

6.3.2test()166

6.3.3exec()167

6.3.4RegExp靜態屬性169

6.4案例實戰171

6.4.1匹配十六進制顏色值171

6.4.2匹配時間172

6.4.3匹配日期173

6.4.4匹配成對標籤173

6.4.5匹配物理路徑174

6.4.6貨幣數字的千位分隔設定表示175

6.4.7驗證密碼176

第7章使用函式178

視頻講解：2小時5分鐘

7.1函式基礎179

7.1.1聲明函式179

7.1.2定義函式表達式180

7.1.3構造函式181

7.1.4定義嵌套函式182

7.1.5比較函式的定義方法182

7.1.6函式的返回值182

7.1.7函式的參數183

7.1.8調用函式184

7.1.9函式作用域186

7.1.10函式的標識符187

7.2使用arguments188

7.2.1認識arguments對象188

7.2.2使用callee190

7.2.3套用arguments190

7.3使用Function192

7.3.1name屬性192

7.3.2length屬性192

7.3.3toString()193

7.3.4call()和apply()193

7.3.5bind()197

7.4案例實戰199

7.4.1函式調用模式199

7.4.2使用閉包201

7.4.3使用this202

7.4.4函式引用和函式調用204

7.4.5鏈式調用204

7.4.6使用函式實現歷史記錄205

7.4.7擴展Function類型206

7.4.8代碼的模組模式207

7.4.9惰性實例化208

7.4.10分支函式209

7.4.11惰性載入函式210

7.4.12函式節流211

第8章函式式編程213

8.1函式式編程概述214

8.1.1範疇論214

8.1.2一等公民的函式215

8.1.3純函式215

8.1.4命令式和聲明式218

8.1.5PointFree風格218

8.2函式式基本運算219

8.2.1函式合成219

8.2.2compose實現221

8.2.3函式柯里化222

8.2.4curry實現224

8.2.5curry變體225

8.3函子228

8.3.1認識函子228

8.3.2定義容器229

8.3.3定義函子230

8.3.4Either函子232

8.3.5Applicative函子234

8.4高階函式236

8.4.1回調函式236

8.4.2返回函式237

8.5遞歸函式239

8.5.1定義遞歸函式240

8.5.2尾遞歸241

8.5.3棧快取242

8.6案例實戰244

8.6.1過濾運算244

8.6.2分組運算247

8.6.3映射運算249

8.7使用Promise對象252

第9章使用對象253

視頻講解：32分鐘

9.1創建對象254

9.1.1使用new運算符254

9.1.2對象直接量255

9.1.3使用create()方法257

9.2對象的基本操作258

9.2.1引用對象258

9.2.2複製對象258

9.2.3克隆對象259

9.2.4銷毀對象260

9.3讀寫屬性260

9.3.1定義屬性260

9.3.2訪問屬性263

9.3.3賦值屬性265

9.3.4刪除屬性266

9.3.5對象方法266

9.4使用Object對象268

9.4.1Object函式268

9.4.2Object構造函式268

9.4.3使用Object靜態方法268

9.4.4使用Object實例方法268

9.5使用包裝對象268

9.5.1包裝對象的實例方法269

9.5.2原始類型的自動轉換269

9.5.3自定義方法269

9.5.4Boolean對象269

9.6使用屬性描述對象269

9.6.1認識屬性描述對象269

9.6.2Object.getOwnPropertyDescriptor()270

9.6.3Object.defineProperty()和Object.defineProperties()270

9.6.4元屬性270

9.6.5Object.getOwnPropertyNames()270

9.6.6Object.prototype.propertyIsEnumerable()270

9.6.7存取器270

9.6.8對象的拷貝270

9.6.9控制對象狀態270

9.7使用Math對象270

9.7.1Math屬性271

9.7.2Math方法271

9.8使用Date對象271

9.8.1創建Date對象271

9.8.2日期運算271

9.8.3Date靜態方法271

9.8.4Date實例方法271

9.9使用JSON對象271

9.9.1JSON.stringify()272

9.9.2JSON.parse()272

9.9.3比較JSON與XML272

9.9.4最佳化JSON數據272

9.10使用console對象272

9.10.1瀏覽器實現272

9.10.2console對象的方法272

9.10.3命令行API272

9.10.4debugger語句272

第10章面向對象編程273

視頻講解：33分鐘

10.1面向對象基礎274

10.1.1對象274

10.1.2構造函式274

10.1.3使用new運算符275

10.1.4new運行原理275

10.1.5使用new.target276

10.2使用this277

10.2.1this調用對象277

10.2.2this套用場景277

10.2.3注意事項277

10.2.4綁定this277

10.3使用prototype277

10.3.1定義原型278

10.3.2原型屬性和本地屬性279

10.3.3套用原型280

10.3.4原型鏈283

10.3.5原型繼承284

10.3.6擴展原型方法285

10.3.7Object.getPrototypeOf()286

10.3.8Object.setPrototypeOf()286

10.3.9Object.create()286

10.3.10Object.prototype.isPrototypeOf()286

10.3.11Object.prototype.__proto__287

10.3.12獲取原型對象方法的比較287

10.4繼承287

10.4.1Object.getOwnPropertyNames()287

10.4.2Object.prototype.hasOwnProperty()287

10.4.3in運算符和for-in循環287

10.4.4對象的拷貝288

10.5面向對象編程模式289

10.5.1構造函式的繼承289

10.5.2多重繼承290

10.5.3模組291

10.6案例實戰294

10.6.1設計工廠模式294

10.6.2設計類繼承294

10.6.3設計構造原型模式294

10.6.4設計動態原型模式294

10.6.5設計實例繼承295

10.6.6惰性實例化295

10.6.7安全構造對象295

第11章BOM操作296

視頻講解：1小時55分鐘

11.1window對象297

11.1.1window對象屬性297

11.1.2window對象方法298

11.1.3window對象事件301

11.1.4訪問瀏覽器對象302

11.1.5全局作用域302

11.1.6使用人機互動方法302

11.1.7打開和關閉視窗303

11.1.8使用框架集303

11.1.9控制視窗位置303

11.1.10控制視窗大小303

11.2navigator對象303

11.2.1navigator對象屬性303

11.2.2瀏覽器檢測方法305

11.2.3檢測瀏覽器類型和版本號305

11.2.4檢測客戶作業系統305

11.2.5檢測外掛程式305

11.3location對象306

11.4history對象307

11.4.1實現無刷新瀏覽308

11.4.2設計導航頁面311

11.4.3設計無刷新網站312

11.4.4設計無刷新燈箱廣告312

11.4.5設計可後退畫板313

11.5screen對象313

11.6document對象314

11.6.1document對象屬性315

11.6.2document對象方法316

11.7案例實戰317

11.7.1使用遠程腳本317

11.7.2設計遠程互動319

11.7.3使用浮動框架322

11.7.4封裝用戶代理檢測324

第12章DOM操作325

視頻講解：1小時47分鐘

12.1DOM版本概述326

12.2節點326

12.2.1節點類型326

12.2.2節點名稱和值326

12.2.3節點樹327

12.2.4訪問節點327

12.2.5操作節點330

12.3文檔331

12.3.1訪問文檔節點和子節點331

12.3.2訪問文檔信息332

12.3.3訪問文檔元素332

12.3.4訪問文檔集合333

12.3.5使用HTML5Document333

12.4元素334

12.4.1訪問元素334

12.4.2遍曆元素335

12.4.3創建元素335

12.4.4複製節點336

12.4.5插入節點336

12.4.6刪除節點337

12.4.7替換節點337

12.4.8獲取焦點元素338

12.4.9檢測包含節點339

12.5文本339

12.5.1訪問文本節點339

12.5.2創建文本節點340

12.5.3操作文本節點341

12.5.4讀取HTML字元串341

12.5.5插入HTML字元串342

12.5.6替換HTML字元串342

12.5.7插入文本343

12.6文檔片段343

12.7屬性344

12.7.1訪問屬性節點344

12.7.2讀取屬性值345

12.7.3設定屬性值345

12.7.4刪除屬性346

12.7.5使用類選擇器347

12.7.6自定義屬性348

12.8CSS選擇器348

12.9範圍350

12.9.1創建範圍350

12.9.2選擇範圍350

12.9.3設定範圍350

12.9.4操作範圍內容350

12.9.5插入範圍內容350

12.9.6摺疊範圍350

12.9.7比較範圍351

12.9.8複製和清除範圍351

12.10案例實戰351

12.10.1異步載入遠程數據351

12.10.2使用script設計異步互動351

12.10.3使用JSONP異步通信351

12.10.4訪問DOM集合352

12.10.5編輯選擇文本352

第13章事件操作353

視頻講解：46分鐘

13.1事件基礎354

13.1.1JavaScript事件發展歷史354

13.1.2事件模型354

13.1.3事件傳播354

13.1.4事件類型355

13.1.5綁定事件355

13.1.6事件監聽函式356

13.1.7註冊事件358

13.1.8銷毀事件360

13.1.9event對象362

13.1.10事件委託364

13.2自定義事件366

13.2.1設計彈出對話框366

13.2.2設計遮罩層367

13.2.3自定義事件369

13.2.4設計事件觸發模型370

13.2.5套用事件模型371

13.3滑鼠事件375

13.3.1click和dblclick375

13.3.2mouseup、mousedown和mousemove375

13.3.3mouseover和mouseenter375

13.3.4mouseout和mouseleave375

13.3.5contextmenu375

13.4MouseEvent對象375

13.4.1altKey、ctrlKey、metaKey和

shiftKey375

13.4.2button和buttons376

13.4.3clientX、clientY、movementX、movementY、screenX和screenY376

13.4.4relatedTarget376

13.4.5小結376

13.5wheel事件376

13.6鍵盤事件376

13.6.1altKey、ctrlKey、metaKey和shiftKey376

13.6.2key和charCode376

13.6.3小結376

13.7進度事件377

13.8拖曳事件377

13.8.1事件種類377

13.8.2DataTransfer對象概述377

13.8.3DataTransfer對象的屬性377

13.8.4DataTransfer對象的方法377

13.9觸摸事件377

13.9.1Touch對象377

13.9.2TouchList對象378

13.9.3TouchEvent對象378

13.9.4觸摸事件的種類378

13.10表單事件378

13.10.1input378

13.10.2select378

13.10.3change378

13.10.4submit378

13.10.5reset378

13.11文檔事件378

13.11.1beforeunload、unload、load、error、pageshow和pagehide378

13.11.2DOMContentLoaded和readystatechange379

13.11.3scroll379

13.11.4resize379

13.11.5hashchange和popstate379

13.11.6cut、copy和paste379

13.11.7focus、blur、focusin和focusout379

第14章CSS操作380

視頻講解：41分鐘

14.1CSS腳本基礎381

14.1.1訪問行內樣式381

14.1.2使用style382

14.1.3使用styleSheets385

14.1.4使用selectorText388

14.1.5修改樣式389

14.1.6添加樣式390

14.1.7訪問渲染樣式391

14.1.8訪問媒體查詢394

14.1.9CSS事件395

14.2CSS尺寸397

14.2.1訪問CSS寬度和高度397

14.2.2把值轉換為整數397

14.2.3使用offsetWidth和offsetHeight397

14.2.4元素尺寸397

14.2.5視圖尺寸398

14.2.6視窗尺寸398

14.3CSS位置398

14.3.1視窗位置398

14.3.2相對位置398

14.3.3定位位置398

14.3.4設定偏移位置398

14.3.5設定相對位置398

14.3.6滑鼠指針絕對位置398

14.3.7滑鼠指針相對位置398

14.3.8滾動條位置398

14.3.9設定滾動條位置399

14.4CSS顯示399

14.4.1設定顯隱效果399

14.4.2設定漸隱、漸顯效果399

14.5CSS動畫399

14.5.1使用定時器399

14.5.2滑動399

14.5.3漸顯399

14.5.4使用requestAnimationFrame399

第15章JavaScript通信400

視頻講解：1小時21分鐘

15.1XMLHttpRequest1.0基礎401

15.1.1定義XMLHttpRequest對象401

15.1.2建立XMLHttpRequest連線402

15.1.3傳送GET請求403

15.1.4傳送POST請求403

15.1.5轉換串列化字元串405

15.1.6跟蹤狀態406

15.1.7中止請求407

15.1.8獲取XML數據407

15.1.9獲取HTML文本408

15.1.10獲取JavaScript腳本409

15.1.11獲取JSON數據409

15.1.12獲取純文本410

15.1.13獲取頭部信息411

15.2XMLHttpRequest2.0基礎411

15.2.1請求時限412

15.2.2FormData數據對象412

15.2.3上傳檔案412

15.2.4跨域訪問413

15.2.5回響不同類型數據413

15.2.6接收二進制數據413

15.2.7監測數據傳輸進度414

15.3案例實戰414

15.3.1接收ArrayBuffer對象415

15.3.2接收Blob對象415

15.3.3傳送字元串415

15.3.4傳送表單數據415

15.3.5傳送二進制檔案415

15.3.6傳送Blob對象416

15.3.7跨域請求416

15.3.8設計檔案上傳進度條416

15.4跨文檔訊息傳遞416

15.4.1postMessage基礎416

15.4.2案例：設計簡單的跨域通話418

15.4.3案例：設計跨域動態對話418

15.4.4案例：設計通道通信418

15.5WebSockets通信418

15.5.1WebSocket基礎418

15.5.2使用WebSocketsAPI420

15.5.3在PHP中建立socket423

15.5.4WebSocketsAPI開發框架424

15.5.5案例：設計簡單的“呼-應”通信425

15.5.6案例：傳送JSON對象425

15.5.7案例：使用Workerman框架通信426

15.5.8案例：推送信息426

第16章JavaScript數據存儲427

視頻講解：1小時40分鐘

16.1HTTPCookie428

16.1.1寫入cookie信息428

16.1.2讀取cookie信息430

16.1.3修改和刪除cookie信息431

16.1.4附加cookie信息431

16.1.5Http-OnlyCookie432

16.1.6封裝cookie操作433

16.1.7案例實戰433

16.2WebStorage434

16.2.1使用WebStorage434

16.2.2案例：設計登錄頁436

16.2.3案例：流量統計436

16.3WebSQLDatabase437

16.3.1使用WebSQLDatabase437

16.3.2案例：設計登錄頁442

16.3.3案例：設計留言板442

16.4indexedDB442

16.4.1建立連線442

16.4.2更新版本444

16.4.3新建倉庫446

16.4.4新建索引447

16.4.5使用事務449

16.4.6保存數據450

16.4.7訪問數據451

16.4.8訪問鍵值451

16.4.9訪問屬性451

16.5案例：設計錄入表單451

第17章JavaScript圖形設計452

視頻講解：2小時15分鐘

17.1使用canvas453

17.2繪製圖形455

17.2.1矩形455

17.2.2路徑456

17.2.3直線457

17.2.4圓弧458

17.2.5二次方曲線460

17.2.6三次方曲線461

17.3定義樣式和顏色462

17.3.1顏色462

17.3.2不透明度463

17.3.3實線464

17.3.4虛線465

17.3.5線性漸變465

17.3.6徑向漸變467

17.3.7圖案467

17.3.8陰影468

17.3.9填充規則469

17.4圖形變形470

17.4.1保存和恢復狀態470

17.4.2清除畫布471

17.4.3移動坐標472

17.4.4旋轉坐標473

17.4.5縮放圖形474

17.4.6變換圖形475

17.5圖形合成476

17.5.1合成476

17.5.2裁切477

17.6繪製文本477

17.6.1填充文字477

17.6.2輪廓文字478

17.6.3文本樣式478

17.6.4測量寬度479

17.7使用圖像479

17.7.1導入圖像479

17.7.2縮放圖像481

17.7.3裁切圖像482

17.7.4平鋪圖像482

17.8像素操作483

17.8.1認識ImageData對象483

17.8.2創建圖像數據483

17.8.3將圖像數據寫入畫布483

17.8.4在畫布中複製圖像數據484

17.8.5保存圖片484

17.9Path2D對象485

17.9.1Canvas2DAPI新功能486

17.9.2使用Path2D對象486

17.10案例實戰486

17.10.1設計基本動畫486

17.10.2顏色選擇器486

17.10.3給圖像去色486

17.10.4縮放圖像和反鋸齒處理486

17.10.5設計運動動畫487

17.10.6設計地球和月球公轉動畫487

第18章JavaScript檔案操作488

視頻講解：1小時24分鐘

18.1FileList489

18.2Blob490

18.2.1訪問Blob490

18.2.2創建Blob491

18.2.3截取Blob493

18.2.4保存Blob494

18.3FileReader495

18.3.1讀取檔案495

18.3.2事件監測497

18.4ArrayBuffer和ArrayBufferView498

18.4.1使用ArrayBuffer499

18.4.2使用ArrayBufferView499

18.4.3使用DataView500

18.5FileSystemAPI503

18.5.1認識FileSystemAPI503

18.5.2訪問FileSystem503

18.5.3申請配額505

18.5.4新建檔案508

18.5.5寫入數據510

18.5.6添加數據510

18.5.7讀取數據510

18.5.8複製檔案511

18.5.9刪除檔案511

18.5.10創建目錄511

18.5.11讀取目錄512

18.5.12刪除目錄512

18.5.13複製目錄512

18.5.14重命名目錄512

18.5.15使用filesystem:URL513

18.6案例：設計資源管理器513

第19章案例實戰514

19.1設計摺疊面板515

19.2設計計算器515

19.3設計日曆515

19.4設計驗證外掛程式515

19.5設計俄羅斯方塊515

附錄517

附錄AECMAScript6517

附錄B使用SVG517

附錄CCORS通信517

附錄D同源策略518

附錄EMutationObserverAPI518

附錄FJavaScript編程風格518