在前端開發(fā)中，如何彌補(bǔ)語言的先天不足？如何干凈漂亮地解耦？如何設(shè)計(jì)“小而美”的類/代碼塊？對于一個(gè)“極客”來說，總是要用一些漂亮的技術(shù)來解決這些問題，而Angular當(dāng)之無愧是這類技術(shù)之一。AngularJS深度剖析與最佳實(shí)踐深入講解AngularJS的基本概念及其背后的原理，包括完整的開發(fā)框架與實(shí)踐，從最初的框架搭建開始，快速迭代，逐步豐富項(xiàng)目的骨肉，并在這個(gè)過程中展現(xiàn)AngularJS的諸多特性與技巧，內(nèi)容由淺入深、講解細(xì)膩、實(shí)戰(zhàn)性強(qiáng)，是從AngularJS的小工走向?qū)＜业谋貍鋮⒖肌?
　　主要內(nèi)容：
　　從實(shí)戰(zhàn)開始，通過實(shí)戰(zhàn)演練逐步帶領(lǐng)讀者體驗(yàn)Angular的開發(fā)過程，并隨著進(jìn)度的推進(jìn)，引入所需的技術(shù)和概念。
　　介紹一些基本概念是什么，為什么，怎么用，什么時(shí)候用，什么時(shí)候不用等。
　　AngularJS中的MVVM模式、啟動(dòng)過程、臟檢查機(jī)制、指令生命周期等。
　　AngularJS實(shí)踐，如前后端分離部署、如何設(shè)計(jì)友好的REST API、移除不必要的$watch、用打包代替動(dòng)態(tài)加載等。
　　AngularJS開發(fā)技巧與實(shí)戰(zhàn)中的“坑”，如表單驗(yàn)證錯(cuò)誤信息顯示、Angular中的AOP機(jī)制、在代碼中注入Filter、動(dòng)態(tài)綁定HTML等。

作者簡介
　　雪狼，資深前端架構(gòu)師，熱愛技術(shù)，熱衷編程，16年來從未中斷。涉足的軟件開發(fā)領(lǐng)域從桌面軟件到Web應(yīng)用，涵蓋翻譯軟件、通訊軟件、安全軟件、企業(yè)級系統(tǒng)等。他還是AngularJS中文社區(qū)管理員，在社區(qū)分享了大量技術(shù)文章，受到讀者的好評與稱贊。
　　破狼，ThoughtWorks一線碼農(nóng)，高級架構(gòu)師、咨詢師國內(nèi)Angular最早布道者之一，ngnice、ngShowCase創(chuàng)建人之一。Angular中文社區(qū)“狼主”，全棧攻城獅，同時(shí)也運(yùn)維了一個(gè)前端微信公眾號“shuang_lang_shuo”。
　　彭洪偉，ThoughWorks一線碼農(nóng)，Angular早期使用者，ngnice的早期貢獻(xiàn)者之一。除了前端技術(shù)，對Java、Scala、Ruby等也均有涉獵，并且翻譯了構(gòu)建工具SBT的文檔

AngularJS深度剖析與最佳實(shí)踐目錄
序
前　言
第1章　從實(shí)戰(zhàn)開始1
1.1　環(huán)境準(zhǔn)備1
1.2　需求分析與迭代計(jì)劃3
1.3　創(chuàng)建項(xiàng)目11
1.3.1　Yeoman11
1.3.2　FrontJet13
1.4　實(shí)現(xiàn)第一個(gè)頁面：注冊18
1.4.1　約定優(yōu)于配置18
1.4.2　定義路由19
1.4.3　把后端程序跑起來24
1.4.4　連接后端程序26
1.4.5　添加驗(yàn)證器28
1.4.6　“錯(cuò)誤信息提示”指令31
1.4.7　用過濾器生成用戶友好的提示
信息33
1.4.8　實(shí)現(xiàn)自定義驗(yàn)證規(guī)則34
1.4.9　實(shí)現(xiàn)圖形驗(yàn)證碼36
1.5　實(shí)現(xiàn)更多功能：主題38
1.5.1　實(shí)現(xiàn)主題列表38
1.5.2　實(shí)現(xiàn)過濾功能40
1.5.3　實(shí)現(xiàn)分頁功能42
1.5.4　實(shí)現(xiàn)主題樹44
1.5.5　實(shí)現(xiàn)遞歸主題樹56
1.5.6　實(shí)現(xiàn)“查看詳情”功能58
1.6　實(shí)現(xiàn)AOP功能59
1.6.1　實(shí)現(xiàn)登錄功能60
1.6.2　實(shí)現(xiàn)對話框65
1.6.3　實(shí)現(xiàn)錯(cuò)誤處理功能67
1.7　實(shí)戰(zhàn)小結(jié)68
第2章　概念介紹70
2.1　什么是UI70
2.2　模塊71
2.3　作用域72
2.4　控制器73
2.5　視圖74
2.6　指令75
2.6.1　組件型指令76
2.6.2　裝飾器型指令79
2.7　過濾器81
2.8　路由82
2.9　服務(wù)83
2.9.1　服務(wù)85
2.9.2　工廠86
2.10　承諾88
2.11　消息92
2.12　單元測試93
2.12.1　MOCK的使用方式94
2.12.2　測試工具與斷言庫95
2.13　端到端測試96
第3章　背后的原理98
3.1　Angular中的MVVM模式98
3.2　Angular啟動(dòng)過程102
3.3　依賴注入106
3.3.1　什么是依賴注入106
3.3.2　如何在JavaScript中實(shí)現(xiàn)DI107
3.3.3　Angular中的DI108
3.3.4　DI與minify109
3.4　臟檢查機(jī)制110
3.4.1　瀏覽器事件循環(huán)和Angular的MVW110
3.4.2　Angular中的$watch函數(shù)111
3.4.3　Angular中的$digest函數(shù)113
3.4.4　Angular中的$apply116
3.5　指令的生命周期117
3.5.1　Injecting118
3.5.2　compile和link過程120
3.6　Angular中的$parse、$eval和$observe、$watch122
3.6.1　$parse和$eval122
3.6.2　$observe和$watch124
3.6.3　使用場景125
3.7　REST127
3.7.1　REST的六大要點(diǎn)128
3.7.2　REST的四個(gè)級別130
3.8　跨域131
3.8.1　同源策略與跨域131
3.8.2　如何解決跨域問題132
3.9　前端安全技術(shù)133
3.9.1　前端攻擊的基本原理和類型133
3.9.2　前端安全與前后端分工136
3.9.3　移動(dòng)時(shí)代的特殊挑戰(zhàn)137
3.9.4　安全無止境138
第4章　最佳實(shí)踐140
4.1　調(diào)整開發(fā)協(xié)作流程140
4.2　前后端分離部署143
4.3　樣式中心頁144
4.4　CSS的擴(kuò)展語言與架構(gòu)145
4.5　HTML的表意性146
4.6　table，天使還是魔鬼148
4.7　測試什么？怎么測？150
4.7.1　準(zhǔn)備工作150
4.7.2　如何測試Controller151
4.7.3　如何測試Service151
4.7.4　如何測試Filter152
4.7.5　如何測試組件型指令152
4.7.6　如何測試裝飾器型指令153
4.7.7　如何測試網(wǎng)絡(luò)請求153
4.7.8　如何測試setTimeout類功能153
4.7.9　如何Mock Service154
4.8　如何設(shè)計(jì)友好的REST API155
4.8.1　URI155
4.8.2　資源拆分155
4.8.3　資源命名155
4.8.4　方法156
4.8.5　返回值157
4.8.6　綜合案例：分頁API159
4.9　使用controller as vm方式160
4.9.1　源碼分析161
4.9.2　推薦用法和優(yōu)勢161
4.9.3　路由中的controller as語法162
4.9.4　指令中的controller as語法163
4.10　移除不必要的$watch163
4.10.1　雙向綁定和watchers函數(shù)164
4.10.2　其他指令中的watchers函數(shù)166
4.10.3　慎用$watch和及時(shí)銷毀167
4.10.4　one-time綁定168
4.10.5　滾屏加載170
4.10.6　其他171
4.11　總是用ng-model作為輸出172
4.12　用打包代替動(dòng)態(tài)加載173
4.13　引入Angular-hint173
4.13.1　通過batarang插件使用angular-hint174
4.13.2　手動(dòng)集成angular-hint174
4.13.3　Module hints175
4.13.4　Controller hints176
4.13.5　Directive hints176
第5章　Angular開發(fā)技巧178
5.1　$timeout的妙用178
5.2　ngTemplate寄宿方式182
5.3　在非獨(dú)立作用域指令中實(shí)現(xiàn)scope綁定185
5.4　表單驗(yàn)證錯(cuò)誤信息顯示186
5.5　Angular中的AOP機(jī)制187
5.5.1　攔截器案例188
5.5.2　攔截器源碼分析192
5.5.3　Angular中的裝飾器195
5.5.4　Angular裝飾器源碼分析197
5.6　Ajax請求和響應(yīng)數(shù)據(jù)的轉(zhuǎn)換198
5.6.1　兼容老式API198
5.6.2　Ajax請求配置的源碼分析201
5.7　在代碼中注入Filter205
5.7.1　復(fù)用指定Filter205
5.7.2　重用多個(gè)Filter案例206
5.7.3　Filter源碼分析207
5.8　防止Angular表達(dá)式閃爍208
5.8.1　表達(dá)式閃爍解決方案208
5.8.2　ngCloak源碼分析208
5.8.3　最佳實(shí)踐209
5.9　實(shí)現(xiàn)前端權(quán)限控制209
5.9.1　事件方案210
5.9.2　resolve方案211
5.10　依賴注入—$injector214
5.10.1　$injector的創(chuàng)建214
5.10.2　$injector注入方式215
5.10.3　$injector的妙用217
5.11　在指令中讓使用者自定義模板219
5.12　跨多個(gè)節(jié)點(diǎn)的ng-if或ng-repeat223
5.13　阻止事件冒泡和瀏覽器默認(rèn)行為224
5.14　動(dòng)態(tài)綁定HTML226
第6章　Angular常見的“坑”229
6.1　module函數(shù)的聲明和獲取重載229
6.2　ngModel綁定值不更改232
6.2.1　驗(yàn)證引起的model值不顯示233
6.2.2　原型鏈繼承問題235
6.3　指令不生效239
6.4　Angular中錨點(diǎn)的使用240
6.5　ngRepeat驗(yàn)證失效241
6.5.1　簡單的驗(yàn)證顯示242
6.5.2　復(fù)雜的驗(yàn)證顯示242
6.6　有些指令需要唯一的根節(jié)點(diǎn)243
6.7　指令優(yōu)先級-Priority243
6.8　ngRepeat報(bào)重復(fù)內(nèi)容錯(cuò)誤244
6.9　單元測試中promise不觸發(fā)245
第7章　編碼規(guī)范247
7.1　目錄結(jié)構(gòu)248
7.1.1　按照類型優(yōu)先、業(yè)務(wù)功能其次的組織方式248
7.1.2　按照業(yè)務(wù)功能優(yōu)先、類型其次的組織方式249
7.2　模塊組織250
7.2.1　命名250
7.2.2　Module聲明250
7.2.3　依賴聲明251
7.2.4　Module組件聲明251
7.3　控制器252
7.3.1　命名252
7.3.2　ControllerAs vm聲明252
7.3.3　初始化數(shù)據(jù)253
7.3.4　DOM操作253
7.3.5　依賴的聲明253
7.3.6　精簡控制器邏輯254
7.3.7　禁止用$rootScope傳遞數(shù)據(jù)255
7.3.8　格式化顯示邏輯255
7.3.9　Resolve255
7.4　服務(wù)256
7.4.1　命名256
7.4.2　代碼復(fù)用256
7.4.3　使用場景256
7.4.4　Service返回值257
7.4.5　緩存不變數(shù)據(jù)257
7.4.6　RESTful257
7.5　過濾器258
7.5.1　命名258
7.5.2　重用已有Filter258
7.5.3　禁止復(fù)雜的Filter258
7.6　指令259
7.6.1　命名259
7.6.2　Template聲明259
7.6.3　link函數(shù)的scope參數(shù)命名259
7.6.4　pre-link和post-link260
7.6.5　DOM操作260
7.6.6　Directive分類260
7.6.7　Directive不是封裝jQuery代碼“天堂”260
7.6.8　自動(dòng)回收261
7.7　模板261
7.7.1　表達(dá)式綁定261
7.7.2　Src、Href問題261
7.7.3　Class優(yōu)于Style262
7.8　工具262
7.9　其他264
7.9.1　內(nèi)置$服務(wù)替代原生服務(wù)264
7.9.2　Promise解決回調(diào)地獄264
7.9.3　減少$watch265
7.9.4　TDD265
第8章　工具267
8.1　WebStorm與IntelliJ267
8.2　Chrome269
8.3　Gulp273
8.4　Swagger274
8.4.1　前后端分離274
8.4.2　Swagger275
8.4.3　契約測試277
8.5　TSD277
8.6　Postman280
8.6.1　安裝280
8.6.2　功能介紹280
第9章　雜項(xiàng)知識(shí)282
9.1　Angular 2.0282
9.2　SEO284
9.3　IE兼容性287
9.3.1　問題概述287
9.3.2　問題分類288
9.4　訪問統(tǒng)計(jì)292
9.5　響應(yīng)式布局293
9.6　國際化294
9.7　動(dòng)畫296
9.7.1　CSS動(dòng)畫296
9.7.2　JavaScript動(dòng)畫297
9.8　手機(jī)版開發(fā)298
9.8.1　Hybrid應(yīng)用298
9.8.2　Ionic300
附錄A　相關(guān)資源301
后記　提問的智慧318