精通AngularJS

序 1
第 1 章 Angular之禪 7
11 邂逅AngularJS 7
熟悉框架 8
參與AngularJS項(xiàng)目 8
社區(qū) 8
在線(xiàn)學(xué)習(xí)資源 9
庫(kù)和擴(kuò)展 9
工具 9
Batarang 10
Plunker與jsFiddle 10
IDE擴(kuò)展和插件 10
12 AngularJS速成 10
Hello World——AngularJS 示例 10
雙向數(shù)據(jù)綁定 12
AngularJS中的MVC 模式 12
鳥(niǎo)瞰 13
深入作用域 15
視圖 21
模塊與依賴(lài)注入 26
模塊 26
協(xié)作對(duì)象 27
注冊(cè)服務(wù) 29
模塊的生命周期 33
模塊依賴(lài) 35
13 AngularJS和其他框架 38
jQuery 與 AngularJS 39
蘋(píng)果與橙子 40
窺視未來(lái) 41
14 總結(jié) 41
第 2 章 構(gòu)建與測(cè)試 43
21 介紹示例應(yīng)用 44
熟悉問(wèn)題領(lǐng)域 44
技術(shù)棧 45
持久化存儲(chǔ) 46
MongoLab 46
服務(wù)器端環(huán)境 47
第三方JavaScript庫(kù) 48
Bootstrap CSS 48
22 構(gòu)建系統(tǒng) 48
構(gòu)建系統(tǒng)準(zhǔn)則 49
自動(dòng)化所有事情 49
盡早報(bào)錯(cuò)，清晰報(bào)錯(cuò) 49
不同的工作流，不同的命令 50
構(gòu)建腳本同樣是代碼 50
工具 50
Gruntjs 51
測(cè)試庫(kù)與工具 51
Jasmine 51
Karma runner 52
23 組織文件和目錄 52
根目錄 52
進(jìn)入源代碼目錄 54
AngularJS的特定文件 54
輕裝上路 56
深入測(cè)試目錄 57
文件命名約定 57
24 AngularJS模塊和文件 57
一個(gè)文件，一個(gè)模塊 58
模塊內(nèi)部 59
注冊(cè)provider的不同語(yǔ)法 59
聲明配置和運(yùn)行塊的語(yǔ)法61
25 自動(dòng)化測(cè)試 62
單元測(cè)試 63
剖析Jasmine測(cè)試 64
測(cè)試AngularJS對(duì)象 65
測(cè)試服務(wù) 65
測(cè)試控制器 67
Mock對(duì)象和異步代碼測(cè)試 68
端對(duì)端測(cè)試 70
日常工作流 71
Karma runner的提示與技巧 72
執(zhí)行測(cè)試子集 73
調(diào)試 73
26 小結(jié) 74
第 3章 與后端服務(wù)器通信 75
31 使用 $http 進(jìn)行 XHR和JSONP 請(qǐng)求 75
熟悉數(shù)據(jù)模型和MongoLab URLs 76
$http API快速導(dǎo)覽 76
配置對(duì)象說(shuō)明 77
轉(zhuǎn)換請(qǐng)求數(shù)據(jù) 78
處理HTTP響應(yīng) 79
轉(zhuǎn)換響應(yīng)數(shù)據(jù) 79
處理同源政策約束 79
利用JSONP克服同源政策約束 80
JSONP的限制 81
利用CORS克服同源政策約束 81
服務(wù)器端代理 83
32 promise API 與$q84
工作中的promise 和$q服務(wù) 85
學(xué)習(xí)$q服務(wù)的基礎(chǔ)知識(shí) 85
promise是第一類(lèi)JavaScript對(duì)象 87
聚合回調(diào) 88
注冊(cè)回調(diào)和承諾的生命周期 88
異步動(dòng)作的鏈?zhǔn)秸{(diào)用 89
關(guān)于$q的其他 91
AngularJS中的$q集成 93
33 promise API與 $http 94
34 與 RESTful 端點(diǎn)通信 95
$resource服務(wù) 95
構(gòu)造級(jí)與實(shí)例級(jí)方法 97
$resource 創(chuàng)建異步方法 100
$resource服務(wù)的限制 101
使用$http 自定義 REST 適配器 101
35 使用$http 的高級(jí)特性 104
截取響應(yīng) 104
36 測(cè)試與 $http 交互的代碼 106
37 小結(jié) 108
第 4 章 顯示與格式化數(shù)據(jù) 109
41 引用指令 109
42 顯示表達(dá)式的求值結(jié)果 110
插值指令 110
利用ngBind渲染模型值 111
AngularJS表達(dá)式中的 HTML內(nèi)容 111
43 條件化顯示 112
根據(jù)條件包含內(nèi)容塊 114
44 用 ngRepeat 指令渲染集合 114
熟悉ngRepeat 指令 115
特殊變量 115
迭代對(duì)象的屬性 116
ngRepeat 模式 117
列表和細(xì)節(jié) 117
改動(dòng)表格、行和類(lèi) 119
45 DOM 事件處理器 120
46 基于DOM 的模板 121
習(xí)慣煩瑣的語(yǔ)法 121
ngRepeat 和多個(gè)DOM 元素 122
不能在運(yùn)行時(shí)修改的元素和屬性 123
自定義HTML元素與 IE 的老版本 124
47 使用過(guò)濾器處理模型變換 124
內(nèi)置過(guò)濾器 125
格式化過(guò)濾器 125
數(shù)組變換過(guò)濾器 125
編寫(xiě)自定義過(guò)濾器——分頁(yè)示例 131
從JavaScript代碼中訪(fǎng)問(wèn)過(guò)濾器 133
過(guò)濾器做什么與不做什么 134
過(guò)濾器與DOM操作 135
過(guò)濾器中代價(jià)高昂的數(shù)據(jù)變換 136
不穩(wěn)定的過(guò)濾器 136
48 摘要 138
第5章 創(chuàng)建高級(jí)表單 139
51 AngularJS表單與傳統(tǒng)表單的比較 139
介紹ngModel 指令 141
52 創(chuàng)建用戶(hù)信息表單 142
53 理解輸入指令 143
添加所需驗(yàn)證 143
使用基于文本的輸入（text、textarea、e-mail、URL、number） 143
使用checkbox 輸入 144
使用radio 輸入 145
使用select 輸入 145
提供簡(jiǎn)單的字符串options 145
利用ngOptions指令提供動(dòng)態(tài)options 146
select指令與空的options 148
理解select和對(duì)象判等 149
選擇多個(gè)options 150
運(yùn)用傳統(tǒng)的HTML hidden input 字段 150
嵌入來(lái)自服務(wù)器的值 150
提交傳統(tǒng)的HTML表單 151
54 詳解ngModel 數(shù)據(jù)綁定 151
理解ngModelController 151
在模型與視圖之間轉(zhuǎn)換值152
追蹤值是否變化 152
跟蹤input字段有效性153
55 校驗(yàn)AngularJS 表單 153
理解ngFormController 153
運(yùn)用name屬性將表單附加到作用域上 154
為用戶(hù)信息表單增加動(dòng)態(tài)行為 154
顯示驗(yàn)證錯(cuò)誤 155
讓保存按鈕無(wú)效 156
使原生瀏覽器校驗(yàn)無(wú)效 157
56 在其他表單中嵌套表單 157
將子表單作為可重用組件 157
57 重復(fù)子表單 158
驗(yàn)證重復(fù)輸入 159
58 處理傳統(tǒng)的HTML表單提交 161
直接向服務(wù)器提交表單 161
處理表單提交事件 161
使用ngSubmit處理表單提交 162
使用ngClick處理表單提交 162
59 重置用戶(hù)信息表單 162
510 摘要 164
第 6 章 導(dǎo)航 165
61 單頁(yè)Web應(yīng)用的URL 166
HTML5之前的Hashbang URL 166
HTML5和history API 167
62 使用 $location服務(wù) 168
理解$location服務(wù)API與 URL的關(guān)系 169
哈希、頁(yè)面內(nèi)導(dǎo)航和 $anchorScroll 170
配置HTML5方式的URL 171
客戶(hù)端 171
服務(wù)端 171
使用$location 導(dǎo)航 172
根據(jù)路由構(gòu)建頁(yè)面 173
路由映射URL 174
定義路由時(shí)指定控制器 174
導(dǎo)航的不足 175
63 使用AngularJS自帶的路由服務(wù) 175
基礎(chǔ)路由定義 175
顯示匹配的路由內(nèi)容 176
匹配靈活的路由 177
定義默認(rèn)路由 178
訪(fǎng)問(wèn)路由參數(shù) 178
多個(gè)控制器重用局部模板 178
路由改變時(shí)避免UI 抖動(dòng) 179
取消路由更新 181
64 $route 服務(wù)的局限 182
一個(gè)路由只對(duì)應(yīng)頁(yè)面中的一個(gè)區(qū)域 183
使用ng-include處理多個(gè)UI區(qū)域 183
不支持嵌套路由 184
65 路由相關(guān)的模式及技巧 185
處理鏈接 185
創(chuàng)建可點(diǎn)擊的鏈接 186
兼容HTML5及hashbang模式 186
鏈接外部頁(yè)面 187
組織路由定義 187
將路由定義分離到多個(gè)模塊 188
減少路由定義的重復(fù)代碼 188
66 總結(jié) 189
第7 章 安全 191
71 提供服務(wù)端認(rèn)證和授權(quán) 192
處理未授權(quán)的訪(fǎng)問(wèn) 192
提供服務(wù)端驗(yàn)證API 192
72 保護(hù)局部模板 193
73 阻止惡意攻擊 194
防止cookie 監(jiān)聽(tīng)、中間人攻擊 194
防止跨站腳本攻擊 195
確保AngularJS 表達(dá)式內(nèi)HTML 內(nèi)容的安全性 195
允許不安全的HTML 綁定 196
凈化HTML 196
防止JSON 注入攻擊 197
防止跨站請(qǐng)求偽造 198
74 客戶(hù)端安全 198
創(chuàng)建security 服務(wù) 199
顯示登錄表單 200
創(chuàng)建安全的菜單及工具欄 201
隱藏菜單項(xiàng) 201
創(chuàng)建登錄工具欄 202
75 支持客戶(hù)端認(rèn)證 203
處理認(rèn)證失敗 203
攔截響應(yīng) 204
HTTP響應(yīng)攔截器 204
創(chuàng)建 securityInterceptor 服務(wù) 205
創(chuàng)建securityRetryQueue 服務(wù) 207
通知安全服務(wù) 208
76 防止導(dǎo)航到安全受限路由 208
使用路由resolve函數(shù) 209
創(chuàng)建授權(quán)服務(wù) 210
77 總結(jié) 212
第 8 章 創(chuàng)建自定義指令 213
81 什么是 AngularJS 指令 214
理解內(nèi)置指令 214
在HTML標(biāo)簽中使用指令 215
82 指令的編譯生命周期 215
83 為指令編寫(xiě)單元測(cè)試 217
84 定義指令 218
85 使用指令修改按鈕樣式 219
編寫(xiě)一個(gè)按鈕指令 220
86 理解 AngularJS的組件指令 222
編寫(xiě)一個(gè)分頁(yè)指令 222
為分頁(yè)指令編寫(xiě)單元測(cè)試代碼 223
在指令中使用HTML模板 224
從父作用域中隔離指令 225
使用@插入屬性 226
使用=綁定數(shù)據(jù) 227
使用&提供一個(gè)回調(diào)表達(dá)式 227
實(shí)現(xiàn)分頁(yè)組件 228
為指令添加分頁(yè)跳轉(zhuǎn)回調(diào) 229
87 創(chuàng)建一個(gè)自定義驗(yàn)證指令 230
需要其他指令的控制器 231
可選的依賴(lài)控制器 231
查找祖先元素的控制器 232
使用ngModelController 232
編寫(xiě)自定義驗(yàn)證指令的單元測(cè)試 233
實(shí)現(xiàn)自定義驗(yàn)證指令 235
88 創(chuàng)建一個(gè)異步模型驗(yàn)證器 235
模擬用戶(hù)服務(wù) 236
為異步驗(yàn)證編寫(xiě)測(cè)試代碼 237
實(shí)現(xiàn)異步驗(yàn)證指令 238
89 包裝 jQueryUIdatepicker 指令 239
為包裝組件指令編寫(xiě)測(cè)試代碼 240
實(shí)現(xiàn)jQuery datepicker 指令 242
810 小結(jié)243
第9章 創(chuàng)建自定義指令 245
91 使用嵌入 245
在指令中使用嵌入 245
在獨(dú)立作用域指令中使用嵌入 246
創(chuàng)建一個(gè)使用嵌入的提示指令 246
理解指令定義中的replace屬性 247
理解指令定義中的transclude屬性 248
使用ng-transclude插入嵌入元素 248
理解嵌入作用域 248
92 創(chuàng)建和使用嵌入函數(shù) 250
使用$compile 服務(wù)創(chuàng)建一個(gè)嵌入函數(shù) 251
在嵌入時(shí)克隆原始元素 251
在指令中訪(fǎng)問(wèn)嵌入函數(shù) 252
通過(guò)編譯函數(shù)中的transcludeFn來(lái)獲取嵌入函數(shù) 252
通過(guò)$transclude在指令控制器中獲取嵌入函數(shù) 253
使用嵌入創(chuàng)建一個(gè)if 指令 253
在指令中使用priority屬性 255
93 理解指令控制器 256
為指令控制器注入特殊依賴(lài) 257
創(chuàng)建一個(gè)基于控制器的分頁(yè)指令 258
理解指令控制器和鏈接函數(shù)的區(qū)別 258
注入依賴(lài) 259
編譯過(guò)程 259
獲取其他控制器 260
獲取嵌入函數(shù) 261
創(chuàng)建一個(gè)手風(fēng)琴指令套件 261
在手風(fēng)琴組件中使用指令控制器 262
實(shí)現(xiàn)accordion指令 263
實(shí)現(xiàn)accordion-group指令 263
94 控制編譯過(guò)程 265
創(chuàng)建一個(gè)?eld指令 265
在指令中使用terminal屬性 267
使用$interpolate 服務(wù) 268
綁定驗(yàn)證信息 269
動(dòng)態(tài)加載模板 269
設(shè)置?eld指令的模板 270
95 小結(jié)271
第 10章 創(chuàng)建為全球用戶(hù)服務(wù)的AngularJS應(yīng)用 273
101 使用本地化的符號(hào)和設(shè)置 274
配置本地化設(shè)置模塊 274
使用已有的本地化設(shè)置 275
本地化設(shè)置和AngularJS過(guò)濾器 275
102 處理翻譯 277
翻譯AngularJS模板中的字符串 277
使用過(guò)濾器 278
使用指令 279
翻譯JavaScript代碼中的字符串 280
103 范式、秘訣和技巧 282
按照設(shè)定的地區(qū)初始化應(yīng)用 282
將地區(qū)標(biāo)識(shí)作為URL一部分帶來(lái)的問(wèn)題 283
切換地區(qū) 284
針對(duì)日期、數(shù)字和貨幣的自定義過(guò)濾器 285
104 小結(jié) 287
第 11章 開(kāi)發(fā)健壯的 AngularJS應(yīng)用 289
111 理解AngularJS的內(nèi)部運(yùn)作機(jī)制 290
AngularJS不是基于字符串的模板引擎 290
響應(yīng)DOM事件更新模型 291
將模型變化傳播給DOM 291
同步DOM和模型變化 292
Scope$apply——打開(kāi)AngularJS世界的鑰匙 293
深入$digest循環(huán) 295
整合 300
112 性能優(yōu)化——設(shè)置期望值、測(cè)量、調(diào)節(jié)、并重復(fù) 301
113 AngularJS應(yīng)用的性能優(yōu)化 303
優(yōu)化CPU使用率 303
加速$digest循環(huán) 303
盡可能少進(jìn)入$digest循環(huán) 310
限制每個(gè)$digest循環(huán)的執(zhí)行輪數(shù) 312
優(yōu)化內(nèi)存占用 312
盡可能避免深度監(jiān)視 312
注意監(jiān)視表達(dá)式的大小 314
ng-repeat 指令 314
ng-repeat指令中對(duì)集合的監(jiān)視 314
瞬間綁定大量監(jiān)視 315
114 小結(jié) 315
第12章 打包和部署 AngularJS Web 應(yīng)用 317
121 提升網(wǎng)絡(luò)相關(guān)的性能 318
壓縮靜態(tài)資源 318
AngularJS如何判斷依賴(lài)關(guān)系 318
編寫(xiě)會(huì)被安全壓縮的JavaScript代碼 319
數(shù)組風(fēng)格依賴(lài)注入的缺陷322
模板預(yù)加載 323
使用指令預(yù)加載模板 324
填充$templateCache服務(wù) 325
組合使用不同的預(yù)加載技術(shù) 327
122 優(yōu)化首頁(yè) 327
避免顯示未經(jīng)處理的模板 328
使用ng-cloak指令隱藏DOM元素 328
使用ng-bind指令隱藏表達(dá)式 329
引入AngularJS 和應(yīng)用腳本文件 330
引用腳本文件 330
AngularJS和異步模塊定義 331
123 瀏覽器支持 333
在Internet Explorer 中使用 333
124 小結(jié) 334
索引 337