《單頁Web套用》是2014年9月1日人民郵電出版社出版的圖書，作者是米可夫斯基 (Michael S. Mikowski)、鮑威爾 (Josh C. Powell)。
基本介紹
- 書名：單頁Web套用
- 又名：JavaScript從前端到後端
- 作者：米可夫斯基 (Michael S. Mikowski)/鮑威爾 (Josh C. Powell)
- 譯者：包勇明
- ISBN：9787115363626
- 頁數：388
- 定價：CNY 69.00
- 出版社：人民郵電出版社
- 出版時間：2014-9-1
- 裝幀：平裝
內容簡介,作者簡介,目錄,
內容簡介
《單頁Web套用：JavaScript從前端到後端》是設計和構建大規模JavaScript單頁Web套用(SPA)的寶貴指南，這些套用從前端到後端都使用JavaScript：瀏覽器端套用、Web伺服器和資料庫。
《單頁Web套用：JavaScript從前端到後端》大約三分之二的內容專門講解單頁Web套用的客戶端開發，先定義何為JavaScript單頁套用，接著介紹書中使用的單頁Web套用的架構，然後依次講解Shell模組、功能模組、Model模組、Data模組和Fake模組等，其中還專門拿出一整章講解開發單頁Web套用時需要掌握的JavaScript概念和特性；剩下三分之一的內容講解單頁Web套用的伺服器端開發和其他與單頁Web套用相關的知識，如Node.js、MongoDB、CDN、搜尋引擎最佳化、數據分析、錯誤日誌以及各個層級的快取等。本書最後的兩個附錄分別介紹JavaScript的編碼規範和單頁Web套用的測試。
《單頁Web套用：JavaScript從前端到後端》適合Web開發人員、架構師和產品經理閱讀，需要讀者至少要有些JavaScript、HTML和CSS的開發經驗。
作者簡介
本書作者是架構師和工程管理者。Michael Mikowski已經開發過許多商業級單頁Web套用，其中有個平台每年要處理的請求超過1000億次。Josh Powell搭建過一些流量非常大的網站。
目錄
第一部分 單頁套用簡介
第1章 第一個單頁套用 3
1．1 定義、一些歷史和一些關注點 4
1．1．1 一些歷史 4
1．1．2 是什麼導致JavaScript單頁套用姍姍來遲 5
1．1．3 我們的關注點 8
1．2 構建第一個單頁套用 9
1．2．1 定義目標 9
1．2．2 創建檔案結構 10
1．2．3 使用Chrome開發者工具 10
1．2．4 開發HTML和CSS 11
1．2．5 添加JavaScript 12
1．2．6 使用Chrome開發者工具查看套用 17
1．3 精心編寫的單頁套用的用戶效益 19
1．4 小結 20
第2章 溫故JavaScript 22
2．1 變數作用域 24
2．2 變數提升 27
2．3 高級變數提升和執行環境對象 28
2．3．1 提升 28
2．3．2 執行環境和執行環境對象 30
2．4 作用域鏈 33
2．5 JavaScript對象和原型鏈 35
2．6 函式——更深入的窺探 43
2．6．1 函式和匿名函式 43
2．6．2 自執行匿名函式 44
2．6．3 模組模式——將私有變數引入JavaScript 46
2．6．4 閉包 51
2．7 小結 54
第二部分 單頁套用客戶端
第3章 開發Shell 57
3．1 深刻理解Shell 57
3．2 創建檔案和名字空間 59
3．2．1 創建檔案結構 59
3．2．2 編寫套用的HTML檔案 60
3．2．3 創建CSS根名字空間 61
3．2．4 創建JavaScript根名字空間 62
3．3 創建功能容器 64
3．3．1 選取策略 64
3．3．2 編寫Shell的HTML 64
3．3．3 編寫Shell的CSS 65
3．4 渲染功能容器 68
3．4．1 將HTML轉換為JavaScript 68
3．4．2 在JavaScript中添加HTML模板 69
3．4．3 編寫Shell的樣式表 71
3．4．4 指示套用使用Shell 73
3．5 管理功能容器 74
3．5．1 編寫展開或收起聊天滑塊的方法 74
3．5．2 給聊天滑塊添加點擊事件處理程式 76
3．6 管理套用狀態 80
3．6．1 理解瀏覽器用戶所期望的行為 80
3．6．2 選取一個策略來管理歷史控制項 81
3．6．3 當發生歷史事件時，更改錨 82
3．6．4 使用錨來驅動套用狀態 83
3．7 小結 89
第4章 添加功能模組 90
4．1 功能模組策略 91
4．1．1 與第三方模組的比較 91
4．1．2 功能模組和分形MVC模式 93
4．2 創建功能模組檔案 96
4．2．1 規劃檔案結構 96
4．2．2 填寫檔案 97
4．2．3 我們創建了什麼 103
4．3 設計方法API 103
4．3．1 錨接口模式 104
4．3．2 Chat的配置API 105
4．3．3 Chat的初始化API 106
4．3．4 Chat的setSliderPosition API 107
4．3．5 配置和初始化的級聯 107
4．4 實現功能API 109
4．4．1 樣式表 110
4．4．2 修改Chat 114
4．4．3 清理Shell 120
4．4．4 詳細解釋執行的過程 125
4．5 添加經常使用的方法 127
4．5．1 removeSlider方法 127
4．5．2 handleResize方法 129
4．6 小結 133
第5章 構建Model 134
5．1 理解Model 135
5．1．1 我們將要構建什麼 135
5．1．2 Model做什麼 137
5．1．3 Model不做什麼 137
5．2 創建Model和其他檔案 138
5．2．1 規劃檔案結構 138
5．2．2 填充檔案 139
5．2．3 使用統一的觸摸——滑鼠庫 145
5．3 設計people對象 145
5．3．1 設計person對象 146
5．3．2 設計people對象的API 147
5．3．3 給people對象的API編寫文檔 150
5．4 構建people對象 151
5．4．1 創建偽造的人員列表 152
5．4．2 開始構建people對象 154
5．4．3 完成people對象的構建 157
5．4．4 測試people對象的API 164
5．5 在Shell中開啟登入和登出的功能 166
5．5．1 設計用戶登入的體驗 167
5．5．2 更新Shell的JavaScript 167
5．5．3 更新Shell的樣式表 169
5．5．4 使用UI測試登入和登出 170
5．6 小結 171
第6章 完成Model和Data模組 172
6．1 設計chat對象 172
6．1．1 設計方法和事件 173
6．1．2 給chat對象的API添加文檔 175
6．2 構建chat對象 177
6．2．1 先創建chat對象的join方法 177
6．2．2 更新Fake以回響chat．join 179
6．2．3 測試chat．join方法 181
6．2．4 給chat對象添加訊息傳輸功能 182
6．2．5 更新Fake，模擬訊息傳輸功能 187
6．2．6 測試chat的訊息傳輸功能 189
6．3 給Model添加Avatar功能 190
6．3．1 給chat對象添加Avatar功能 190
6．3．2 修改Fake來模擬頭像功能 191
6．3．3 測試頭像功能 192
6．3．4 測試驅動開發 193
6．4 完成Chat功能模組 195
6．4．1 更新Chat的JavaScript 196
6．4．2 更新樣式表 203
6．4．3 測試Chat UI 207
6．5 創建Avatar功能模組 208
6．5．1 創建Avatar的JavaScript 209
6．5．2 創建Avatar的樣式表 213
6．5．3 更新Shell和瀏覽文檔 214
6．5．4 測試Avatar功能模組 215
6．6 數據綁定和jQuery 216
6．7 創建Data模組 217
6．8 小結 220
第三部分 單頁套用伺服器
第7章 Web伺服器 223
7．1 伺服器的作用 223
7．1．1 認證和授權 224
7．1．2 驗證 224
7．1．3 數據的保存和同步 225
7．2 Node．js 225
7．2．1 為什麼選擇Node．js 225
7．2．2 使用Node．js創建‘Hello World’套用 226
7．2．3 安裝並使用Connect 229
7．2．4 添加Connect中間件 230
7．2．5 安裝並使用Express 231
7．2．6 添加Express中間件 234
7．2．7 Express的使用環境 235
7．2．8 Express的靜態檔案服務 236
7．3 高級路由 237
7．3．1 用戶對象的CRUD路由 237
7．3．2 通用CRUD路由 243
7．3．3 把路由放到單獨的Node．js模組裡面 246
7．4 添加認證和授權 249
7．5 Web socket和Socket．IO 251
7．5．1 簡單的Socket．IO應用程式 251
7．5．2 Socket．IO和訊息伺服器 254
7．5．3 使用Socket．IO更新JavaScript 255
7．6 小結 258
第8章 伺服器資料庫 259
8．1 資料庫的作用 259
8．1．1 選擇數據存儲 260
8．1．2 消除數據轉換 260
8．1．3 把邏輯放在需要的地方 261
8．2 MongoDB簡介 262
8．2．1 面向文檔的存儲 262
8．2．2 動態文檔結構 262
8．2．3 開始使用MongoDB 263
8．3 使用MongoDB驅動程式 264
8．3．1 準備項目檔案 265
8．3．2 安裝並連線MongoDB 265
8．3．3 使用MongoDB的CRUD方法 267
8．3．4 向伺服器套用添加CRUD操作 270
8．4 驗證客戶端數據 274
8．4．1 驗證對象類型 274
8．4．2 驗證對象 276
8．5 創建單獨的CRUD模組 283
8．5．1 組織檔案結構 284
8．5．2 把CRUD移到它自己的模組裡面 287
8．6 構建chat模組 292
8．6．1 開始創建chat模組 293
8．6．2 創建adduser訊息處理程式 295
8．6．3 創建updatechat訊息處理程式 299
8．6．4 創建disconnect訊息處理程式 301
8．6．5 創建updateavatar訊息處理程式 302
8．7 小結 305
第9章 單頁套用發布準備 306
9．1 單頁套用針對搜尋引擎的最佳化 307
9．2 雲和第三方服務 310
9．2．1 站點分析 310
9．2．2 記錄客戶端錯誤 312
9．2．3 內容分發網路 314
9．3 快取和快取破壞 314
9．3．1 快取時機 315
9．3．2 Web存儲 316
9．3．3 HTTP快取 317
9．3．4 伺服器快取 320
9．3．5 資料庫查詢快取 325
9．4 小結 326
附錄A JavaScript編碼標準 328
附錄B 測試單頁套用 361
第1章 第一個單頁套用 3
1．1 定義、一些歷史和一些關注點 4
1．1．1 一些歷史 4
1．1．2 是什麼導致JavaScript單頁套用姍姍來遲 5
1．1．3 我們的關注點 8
1．2 構建第一個單頁套用 9
1．2．1 定義目標 9
1．2．2 創建檔案結構 10
1．2．3 使用Chrome開發者工具 10
1．2．4 開發HTML和CSS 11
1．2．5 添加JavaScript 12
1．2．6 使用Chrome開發者工具查看套用 17
1．3 精心編寫的單頁套用的用戶效益 19
1．4 小結 20
第2章 溫故JavaScript 22
2．1 變數作用域 24
2．2 變數提升 27
2．3 高級變數提升和執行環境對象 28
2．3．1 提升 28
2．3．2 執行環境和執行環境對象 30
2．4 作用域鏈 33
2．5 JavaScript對象和原型鏈 35
2．6 函式——更深入的窺探 43
2．6．1 函式和匿名函式 43
2．6．2 自執行匿名函式 44
2．6．3 模組模式——將私有變數引入JavaScript 46
2．6．4 閉包 51
2．7 小結 54
第二部分 單頁套用客戶端
第3章 開發Shell 57
3．1 深刻理解Shell 57
3．2 創建檔案和名字空間 59
3．2．1 創建檔案結構 59
3．2．2 編寫套用的HTML檔案 60
3．2．3 創建CSS根名字空間 61
3．2．4 創建JavaScript根名字空間 62
3．3 創建功能容器 64
3．3．1 選取策略 64
3．3．2 編寫Shell的HTML 64
3．3．3 編寫Shell的CSS 65
3．4 渲染功能容器 68
3．4．1 將HTML轉換為JavaScript 68
3．4．2 在JavaScript中添加HTML模板 69
3．4．3 編寫Shell的樣式表 71
3．4．4 指示套用使用Shell 73
3．5 管理功能容器 74
3．5．1 編寫展開或收起聊天滑塊的方法 74
3．5．2 給聊天滑塊添加點擊事件處理程式 76
3．6 管理套用狀態 80
3．6．1 理解瀏覽器用戶所期望的行為 80
3．6．2 選取一個策略來管理歷史控制項 81
3．6．3 當發生歷史事件時，更改錨 82
3．6．4 使用錨來驅動套用狀態 83
3．7 小結 89
第4章 添加功能模組 90
4．1 功能模組策略 91
4．1．1 與第三方模組的比較 91
4．1．2 功能模組和分形MVC模式 93
4．2 創建功能模組檔案 96
4．2．1 規劃檔案結構 96
4．2．2 填寫檔案 97
4．2．3 我們創建了什麼 103
4．3 設計方法API 103
4．3．1 錨接口模式 104
4．3．2 Chat的配置API 105
4．3．3 Chat的初始化API 106
4．3．4 Chat的setSliderPosition API 107
4．3．5 配置和初始化的級聯 107
4．4 實現功能API 109
4．4．1 樣式表 110
4．4．2 修改Chat 114
4．4．3 清理Shell 120
4．4．4 詳細解釋執行的過程 125
4．5 添加經常使用的方法 127
4．5．1 removeSlider方法 127
4．5．2 handleResize方法 129
4．6 小結 133
第5章 構建Model 134
5．1 理解Model 135
5．1．1 我們將要構建什麼 135
5．1．2 Model做什麼 137
5．1．3 Model不做什麼 137
5．2 創建Model和其他檔案 138
5．2．1 規劃檔案結構 138
5．2．2 填充檔案 139
5．2．3 使用統一的觸摸——滑鼠庫 145
5．3 設計people對象 145
5．3．1 設計person對象 146
5．3．2 設計people對象的API 147
5．3．3 給people對象的API編寫文檔 150
5．4 構建people對象 151
5．4．1 創建偽造的人員列表 152
5．4．2 開始構建people對象 154
5．4．3 完成people對象的構建 157
5．4．4 測試people對象的API 164
5．5 在Shell中開啟登入和登出的功能 166
5．5．1 設計用戶登入的體驗 167
5．5．2 更新Shell的JavaScript 167
5．5．3 更新Shell的樣式表 169
5．5．4 使用UI測試登入和登出 170
5．6 小結 171
第6章 完成Model和Data模組 172
6．1 設計chat對象 172
6．1．1 設計方法和事件 173
6．1．2 給chat對象的API添加文檔 175
6．2 構建chat對象 177
6．2．1 先創建chat對象的join方法 177
6．2．2 更新Fake以回響chat．join 179
6．2．3 測試chat．join方法 181
6．2．4 給chat對象添加訊息傳輸功能 182
6．2．5 更新Fake，模擬訊息傳輸功能 187
6．2．6 測試chat的訊息傳輸功能 189
6．3 給Model添加Avatar功能 190
6．3．1 給chat對象添加Avatar功能 190
6．3．2 修改Fake來模擬頭像功能 191
6．3．3 測試頭像功能 192
6．3．4 測試驅動開發 193
6．4 完成Chat功能模組 195
6．4．1 更新Chat的JavaScript 196
6．4．2 更新樣式表 203
6．4．3 測試Chat UI 207
6．5 創建Avatar功能模組 208
6．5．1 創建Avatar的JavaScript 209
6．5．2 創建Avatar的樣式表 213
6．5．3 更新Shell和瀏覽文檔 214
6．5．4 測試Avatar功能模組 215
6．6 數據綁定和jQuery 216
6．7 創建Data模組 217
6．8 小結 220
第三部分 單頁套用伺服器
第7章 Web伺服器 223
7．1 伺服器的作用 223
7．1．1 認證和授權 224
7．1．2 驗證 224
7．1．3 數據的保存和同步 225
7．2 Node．js 225
7．2．1 為什麼選擇Node．js 225
7．2．2 使用Node．js創建‘Hello World’套用 226
7．2．3 安裝並使用Connect 229
7．2．4 添加Connect中間件 230
7．2．5 安裝並使用Express 231
7．2．6 添加Express中間件 234
7．2．7 Express的使用環境 235
7．2．8 Express的靜態檔案服務 236
7．3 高級路由 237
7．3．1 用戶對象的CRUD路由 237
7．3．2 通用CRUD路由 243
7．3．3 把路由放到單獨的Node．js模組裡面 246
7．4 添加認證和授權 249
7．5 Web socket和Socket．IO 251
7．5．1 簡單的Socket．IO應用程式 251
7．5．2 Socket．IO和訊息伺服器 254
7．5．3 使用Socket．IO更新JavaScript 255
7．6 小結 258
第8章 伺服器資料庫 259
8．1 資料庫的作用 259
8．1．1 選擇數據存儲 260
8．1．2 消除數據轉換 260
8．1．3 把邏輯放在需要的地方 261
8．2 MongoDB簡介 262
8．2．1 面向文檔的存儲 262
8．2．2 動態文檔結構 262
8．2．3 開始使用MongoDB 263
8．3 使用MongoDB驅動程式 264
8．3．1 準備項目檔案 265
8．3．2 安裝並連線MongoDB 265
8．3．3 使用MongoDB的CRUD方法 267
8．3．4 向伺服器套用添加CRUD操作 270
8．4 驗證客戶端數據 274
8．4．1 驗證對象類型 274
8．4．2 驗證對象 276
8．5 創建單獨的CRUD模組 283
8．5．1 組織檔案結構 284
8．5．2 把CRUD移到它自己的模組裡面 287
8．6 構建chat模組 292
8．6．1 開始創建chat模組 293
8．6．2 創建adduser訊息處理程式 295
8．6．3 創建updatechat訊息處理程式 299
8．6．4 創建disconnect訊息處理程式 301
8．6．5 創建updateavatar訊息處理程式 302
8．7 小結 305
第9章 單頁套用發布準備 306
9．1 單頁套用針對搜尋引擎的最佳化 307
9．2 雲和第三方服務 310
9．2．1 站點分析 310
9．2．2 記錄客戶端錯誤 312
9．2．3 內容分發網路 314
9．3 快取和快取破壞 314
9．3．1 快取時機 315
9．3．2 Web存儲 316
9．3．3 HTTP快取 317
9．3．4 伺服器快取 320
9．3．5 資料庫查詢快取 325
9．4 小結 326
附錄A JavaScript編碼標準 328
附錄B 測試單頁套用 361
