●第1章 前端開發與Ajax技術 1
1.1 重新思考Web應用 2
1.1.1 應用繫統的發展史 2
1.1.2 傳統Web應用的優勢和缺點 3
1.2 重新設計Web應用 4
1.2.1 富Internet應用 4
1.2.2 改進的服務器通信 5
1.2.3 豐富的客戶端交互 6
1.3 前端開發介紹 7
1.3.1 XMLHttpRequest簡介 7
1.3.2 前端開發的核心技術 7
1.3.3 前端Ajax的特征 9
1.3.4 Ajax帶來的優勢 10
1.4 前端開發體驗：Ajax聊天室 11
1.4.1 實現業務邏輯組件 12
1.4.2 注冊、登錄控制器 15
1.4.3 注冊、登錄視圖 16
1.4.4 異步發送請求 17
1.4.5 聊天控制器 18
1.4.6 解析服務器響應 21
1.4.7 何時發送請求 21
1.5 前端開發的技術難點 24
1.6 本章小結 25
第2章 HTML 5增強的XMLHttpRequest對像 26
2.1 XMLHttpRequest對像的方法和屬性 27
2.1.1 XMLHttpRequest對像的方法 27
2.1.2 XMLHttpRequest對像的屬性 30
2.2.3 XMLHttpRequest對像的事件 32
2.2 發送請求 33
2.2.1 發送簡單請求 33
2.2.2 發送GET請求 34
2.2.3 發送 T請求 36
2.2.4 發送XML請求 37
2.2.5 發送表單數據 40
2.2.6 發送Blob對像 42
2.3 處理響應 44
2.3.1 處理響應的時機 44
2.3.2 使用文本響應 44
2.3.3 使用JSON響應 45
2.3.4 使用Blob或ArrayBuffer響應 48
2.4 XMLHttpRequest對像的運行周期 50
2.5 跨域請求和安全性問題 50
2.5.1 跨域請求 50
2.5.2 安全性問題 53
2.5.3 性能問題 54
2.6 本章小結 56
第3章 jQuery庫詳解 57
3.1 jQuery入門 58
3.1.1 理解jQuery的設計 58
3.1.2 下載和安裝jQuery 59
3.1.3 讓jQuery與其他JavaScript庫共存 60
3.2 獲取jQuery對像 61
3.2.1 jQuery核心函數 61
3.2.2 jQuery與jQuery.holdReady 62
3.2.3 以CSS選擇器訪問素 63
3.2.4 以偽類選擇器訪問素 65
3.2.5 表單相關的選擇器 70
3.3 jQuery操作類數組的工具方法 72
3.3.1 過濾相關方法 74
3.3.2 仿DOM導航查找的相關方法 76
3.3.3 串聯方法 78
3.4 jQuery支持的方法 79
3.4.1 jQuery命名空間的方法 80
3.4.2 數據存儲的相關方法 83
3.4.3 操作屬性的相關方法 84
3.4.4 操作CSS屬性的相關方法 86
3.4.5素內容的相關方法 89
3.4.6 操作DOM節點的相關方法 90
3.5 jQuery事件相關方法 96
3.5.1 綁定事件處理函數 96
3.5.2 特定事件相關的方法 98
3.5.3 事件對像 99
3.6 動畫效果相關的方法 100
3.6.1 簡單動畫和復雜動畫 100
3.6.2 操作動畫隊列 103
3.7 jQuery的回調支持 104
3.7.1 回調支持的基本用法 104
3.7.2 創建Callbacks對像支持的選項 106
3.8 Ajax相關方法 108
3.8.1 三個工具方法 108
3.8.2 使用load方法 109
3.8.3 jQuery.ajax(options)與jQuery.ajaxSetup(options) 111
3.8.4 使用get/post方法 112
3.9 jQuery的Deferred對像 115
3.9.1 jQuery的異步調用 115
3.9.2 為多個耗時操作指定回調函數 119
3.9.3 為普通對像增加Defered接口 119
3.9.4 jQuery對像的promise方法 120
3.10 擴展jQuery和jQuery插件 121
3.11 本章小結 122
第4章 基於jQuery的應用：電子相冊繫統 123
4.1 實現持久層 124
4.1.1 實現持久化類 124
4.1.2 配置SessionFactory 126
4.2 實現DAO組件 127
4.2.1 開發通用DAO組件 127
4.2.2 DAO接口定義 130
4.2.3 完成DAO組件的實現類 131
4.3 實現業務邏輯層 132
4.3.1 實現業務邏輯組件 132
4.3.2 配置業務邏輯組件 134
4.4 實現客戶端調用 135
4.4.1 訪問業務邏輯組件 135
4.4.2 處理用戶登錄 136
4.4.3 獲得用戶相片列表 138
4.4.4 處理翻頁 140
4.4.5 使用jQuery實現文件上傳 141
4.4.6 加載頁面時的處理 144
4.5 本章小結 145
第5章 AngularJS詳解 147
5.1 AngularJS入門 148
5.1.1 理解AngularJS的基本設計 148
5.1.2 下載和安裝AngularJS 149
5.2 表達式 150
5.2.1 簡單表達式 150
5.2.2 復合對像表達式 151
5.2.3 AngularJS表達式的容錯性 152
5.2.4 AngularJS表達式與JavaScript表達式 152
5.3 模塊與控制器 153
5.3.1 模塊的加載 153
5.3.2 控制器初始化$scope對像 155
5.3.3 $rootScope作用域 157
5.3.4 $watch方法的使用 158
5.4 過濾器 159
5.4.1 內置過濾器 159
5.4.2 在表達式中使用過濾器 160
5.4.3 在指令中使用過濾器 162
5.4.4 自定義過濾器 162
5.5 函數API 164
5.5.1 擴展型函數 164
5.5.2 jqLite函數 168
5.5.3 判斷型函數 169
5.6 指令 170
5.6.1 表單相關的指令 170
5.6.2 表單的輸入校驗 175
5.6.3 事件相關的指令 178
5.6.4 流程控制相關的指令 179
5.6.5 綁定相關的指令 183
5.6.5 DOM及DOM狀態相關指令 187
5.6.6 自定義指令 193
5.6.7 自定義指令的scope屬性 195
5.6.8 自定義指令的transclude屬性 197
5.6.9 自定義指令的link和compile屬性 198
5.6.10 自定義指令的controller和controllerAs屬性 202
5.6.11 自定義指令的require屬性 203
5.7 調用內置服務 205
5.7.1 $animate服務 205
5.7.2 $cacheFactory服務 207
5.7.3 $compile服務 209
5.7.4 $document、$window、$timeout、$interval和$rootElement 211
5.7.5 $parse服務 214
5.7.6 $interpolate服務 214
5.7.7 $log服務 215
5.7.8 $q服務 216
5.7.9 $templateCache服務 218
5.8 自定義服務 219
5.8.1 使用factory()方法創建自定義服務 219
5.8.2 使用service()方法創建自定義服務 220
5.8.3 使用provider()方法創建自定義服務 221
5.8.4 使用$provide服務創建自定義服務 223
5.8.5 在過濾器中使用自定義服務 225
5.9 依賴注入 226
5.9.1 依賴注入機制簡介 226
5.9.2 使用$injector對像獲取組件 228
5.9.3 隱式依賴注入 230
5.9.4 行內數組式依賴注入 230
5.9.5 標記式依賴注入 231
5.10 與服務器交互 232
5.10.1 $http服務 232
5.10.2 $http的快捷方法 235
5.10.3 使用$http上傳文件 237
5.10.4 使用$resource服務 239
5.11 多視圖和路由 240
5.11.1 使用$routeProvider配置路由規則 240
5.11.2 創建多視圖 242
5.11.3 通過路由切換視圖 244
5.11.4 使用$location實現多視圖切換 246
5.12 使用ui-router框架實現多視圖 248
5.12.1 ui-router的下載和安裝 248
5.12.1 使用$stateProvider配置路由 248
5.12.2 多視圖切換與$state 250
5.12.3 多個命名的嵌套視圖 252
5.13 本章小結 255
第6章 Bootstrap全局樣式 256
6.1 Bootstrap 257
6.1.1 Bootstrap簡介 257
6.1.2 下載和安裝Bootstrap 257
6.2 網格布局 260
6.2.1 網格布局基礎 261
6.2.2 多餘的列另起一行 264
6.2.3 響應式列重置 264
6.2.格偏移 266
6.2.格排序 267
6.2.6 嵌套網格 268
6.3 Less和mixin 269
6.3.1 Less簡介 269
6.3.2 Less的兩種用法 270
6.3.3 Less的變量和運算符 274
6.3.4 mixin 274
6.3.5 內嵌規則 275
6.3.6 Bootstrap網格繫統的變量和mixin 276
6.4 Bootstrap排版相關樣式 278
6.4.1素和樣式 278
6.4.2 段落 279
6.4.3 增強的H素 280
6.4.4 對齊 282
6.4.5 改變大小寫 283
6.4.6 列表 283
6.5 表格相關樣式 286
6.5.1 基礎表格 286
6.5.2 條紋表格 287
6.5.3 邊框表格 287
6.5.4 鼠標高亮 288
6.5.5 緊湊型表格 289
6.5.6 響應式表格 289
6.5.7 表格行狀態 290
6.6 圖片和圖標 291
6.6.1 圖片相關樣式 291
6.6.2 圖標 293
6.7 輔助樣式 294
6.7.1 情境背景色 294
6.7.2 情境文本顏色 295
6.7.3 關閉按鈕和三角箭頭 295
6.7.4 快速浮動 296
6.7.5 顯示或隱藏內容 296
6.7.6 屏幕閱讀器和鍵盤導航 297
6.7.7 圖片替換 297
6.8 響應式布局相關樣式 297
6.8.1 顯示/隱藏相關樣式 298
6.8.2 打印相關樣式 299
6.9 表單相關樣式 299
6.9.1 基礎表單 299
6.9.2 行內表單 300
6.9.3 水平表單 302
6.9.4 多選框和單選框 303
6.9.5 表單控件的大小 305
6.9.6 靜態控件 307
6.9.7 表單控件的狀態 309
6.9.8 幫助文本 309
6.9.9 校驗狀態 310
6.9.10 校驗狀態的圖標 311
6.10 本章小結 313
第7章 Bootstrap內置組件 314
7.1 按鈕 315
7.1.1 按鈕大小 316
7.1.2 按鈕狀態 317
7.2 下拉菜單 319
7.2.1 對齊 321
7.2.2 禁用菜單項 322
7.2.3 按鈕式下拉菜單 323
7.2.4 分裂式按鈕下拉菜單 324
7.2.5 大小 326
7.3 按鈕組 327
7.3.1 基本按鈕組 327
7.3.2 工具欄 328
7.3.3 控制按鈕組的大小 329
7.3.4 按鈕組嵌套下拉菜單 329
7.3.5 兩端對齊的按鈕組 331
7.4 輸入框組 332
7.4.1 基本輸入框組 332
7.4.2 控制輸入框組的大小 334
7.4.3 單選框或多選框作素 335
7.4.4 按鈕式下拉菜單作素 336
7.4.5 多按鈕 337
7.5 導航 338
7.5.1 簡單導航的基礎樣式 338
7.5.2 兩端對齊 340
7.5.3 嵌套下拉菜單 340
7.5.4 路徑導航 341
7.5.5 基礎導航條 342
7.5.6 導航條中的品牌圖標 344
7.5.7 導航條中的按鈕 344
7.5.8 導航條中的表單 345
7.5.9 導航條中的文本和鏈接 346
7.5.10 導航條中的組件的排列方式 347
7.5.11 設置導航條的位置 347
7.5.12 響應式導航條 349
7.5.13 分頁導航 351
7.5.14 控制分頁導航的大小 352
7.5.15 翻頁導航 352
7.6 標簽和徽章 353
7.6.1 標簽 354
7.6.2 徽章 355
7.7 面板 355
7.7.1 面板的基礎結構 355
7.7.2 面板嵌套表格 358
7.7.3 面板嵌套列表組 359
7.8 巨幕、頁頭和Well 361
7.8.1 巨幕 361
7.8.2 頁頭 362
7.8.3 well 362
7.9 縮略圖 363
7.10 警告框 365
7.10.1 警告框基礎 365
7.10.2 警告框中的鏈接 367
7.11 進度條 367
7.11.1 各種樣式的進度條 367
7.11.2 帶進度值的進度條 369
7.11.3 動畫效果 370
7.11.4 多進度效果 371
7.12 媒體對像 372
7.12.1 媒體對像的基本組成 372
7.12.2 對齊方式 374
7.12.3 嵌套媒體對像 375
7.12.4 媒體對像列表 376
7.13 列表組 377
7.13.1 列表組基礎 378
7.13.2 鏈接列表組 379
7.13.3 按鈕列表組 379
7.13.4 列表項的狀態 380
7.13.5 定制內容 381
7.14 本章小結 381
第8章 Bootstrap的JS插件 382
8.1 插件庫概述 383
8.1.1 使用插件的兩種方式 383
8.1.2 解決命名衝突 384
8.2 對話框 384
8.2.1 靜態對話框 384
8.2.2 使用data-*屬性彈出對話框 387
8.2.3 使用JS彈出對話框 388
8.2.4 對話框事件 389
8.2.5 基於事件源改變對話框內容 390
8.3 下拉菜單 392
8.3.1 使用data-*屬性觸發下拉菜單 392
8.3.2 使用JS觸發下拉菜單 393
8.3.3 下拉菜單事件 394
8.4 滾動監聽 395
8.4.1 通過data-*屬性實現滾動監聽 395
8.4.2 使用JS實現滾動監聽 397
8.5 標簽頁 398
8.5.1 靜態標簽頁 398
8.5.2 使用data-*屬性切換標簽頁 399
8.5.3 使用JS切換標簽頁 401
8.5.4 膠囊式標簽頁 402
8.5.5 標簽頁事件 403
8.6 工具提示 404
8.6.1 使用data-*屬性和JS觸發工具提示 405
8.6.2 工具提示支持的屬性 406
8.6.3 工具提示的事件 407
8.7 彈出框 408
8.7.1 使用data-*屬性和JS觸發彈出框 409
8.7.2 焦點觸發的彈出框 411
8.7.3 彈出框支持的屬性 411
8.7.4 彈出框的事件 412
8.8 警告框 412
8.8.1 使用data-*屬性關閉警告框 412
8.8.2 使用JS關閉警告框 413
8.8.3 警告框事件 413
8.9 按鈕 414
8.9.1 切換按鈕狀態 414
8.9.2 單選按鈕或多選按鈕 414
8.9.2 使用JS方法改變按鈕文本 416
8.10 折疊插件 416
8.10.1 簡單折疊效果 416
8.10.2 手風琴效果 417
8.10.3 使用JS觸素 419
8.10.4 折疊插件的相關事件 420
8.11 輪播圖 420
8.11.1 靜態輪播圖 420
8.11.2 通過data-*屬性激活輪播圖 422
8.11.3 通過JS觸發輪播圖 424
8.11.4 輪播圖事件 425
8.12 本章小結 426
第9章 Angular+Bootstrap整合開發：圖書管理繫統 427
9.1 總體說明和概要設計 428
9.1.1 繫統的總體架構設計 428
9.1.2 數據庫設計 429
9.2 實現Hibernate持久化類 430
9.2.1 設計Domain Object 430
9.2.2 實現Domain Object 431
9.3 DAO層實現 435
9.3.1 DAO的基礎配置 435
9.3.2 實現DAO組件 436
9.3.3 部署DAO組件 437
9.4 業務邏輯層實現 438
9.4.1 設計業務邏輯組件 439
9.4.2 依賴注入DAO組件 441
9.4.3 業務邏輯組件的異常處理 441
9.4.4 實現業務邏輯組件 442
9.4.5 事務管理 443
9.4.6 配置業務層組件 444
9.5 前端整合開發 445
9.5.1 定義AngularJS路由 445
9.5.2 Spring MVC控制器的異常處理 447
9.5.3 管理圖書種類 447
9.5.4 修改圖書種類 451
9.5.5 管理圖書 453
9.5.6 修改圖書 457
9.5.7 圖書入庫 459
9.5.8 銷售圖書 465
9.6 本章小結 470
第10章 jQuery+Bootstrap整合開發：電子拍賣繫統 471
10.1 總體說明和概要設計 472
10.1.1 繫統的總體架構設計 472
10.1.2 數據庫設計 473
10.2 實現Hibernate持久化類 474
10.2.1 設計Domain Object 474
10.2.2
實現Domain Object 475
10.3 DAO層實現 479
10.3.1 DAO的基礎配置 480
10.3.2 實現DAO組件 481
10.3.3 部署DAO組件 484
10.4 業務邏輯層實現 485
10.4.1 設計業務邏輯組件 485
10.4.2 依賴注入DAO組件 487
10.4.3 業務邏輯組件的異常處理 488
10.4.4 處理用戶競價 489
10.4.5 判斷拍賣物品狀態 491
10.4.6 事務管理 492
10.4.7 配置業務層組件 493
10.5 開發前端JSON接口 494
10.5.1 初始化Spring容器 494
10.5.2 開發Spring MVC控制器 496
10.5.3 處理前端權限控制 498
10.6 前端整合開發 500
10.6.1 定義繫統首頁 500
10.6.2 瀏覽所有流拍物品 502
10.6.3 處理用戶登錄 503
10.6.4 管理物品 507
10.6.6 管理物品種類 512
10.6.7 查看競得物品 515
10.6.8 查看自己的競價記錄 517
10.6.9 瀏覽拍賣物品 518
10.6.10 參與競價 520
10.7 本章小結 524

《瘋狂前端開發講義》基於《瘋狂Ajax講義（第3版）》的部分內容升級而來，全書升級了HTML 5.1支持的XMLHttpRequest，jQuery升級到3.1。本書的重點是新加入的兩個目前十分主流的前端框架：AngularJS和Bootstrap。本書詳細、全面地介紹了AngularJS和Bootstrap的知識，由於這兩個框架是本書的重點，因此花了近400多頁來介紹它們的功能和用法，這部分內容獨立出來接近可以作為AngularJS和Bootstrap的學習手冊。《瘋狂前端開發講義》主要就是講解jQuery 3.1、AngularJS 1.6、Bootstrap 3.3這三個最常用的前端框架，並針對每個框架都提供了實用的案例，讓讀者理論聯繫實際。這部分內容是“瘋狂軟件教育中心”的標準講義，既包含了實際前端開發的重點和難點，也融入了大量學習者的學習經驗和感悟。筆者以豐富的授課經驗為基礎，在等

李剛 編著 著