瘋狂前端開發講義：jQuery+AngularJS+Bootstrap前端開發實戰 pdf epub mobi txt 電子書 下載 2025

繁體網頁||簡體網頁

☆☆☆☆☆

李剛 著

圖書標籤:

• jQuery
• AngularJS
• Bootstrap
• 前端開發
• 前端框架
• Web開發
• JavaScript
• HTML
• CSS
• 實戰

齣版社： 電子工業齣版社

ISBN：9787121326806

版次：1

商品編碼：12249634

品牌：Broadview

包裝：平裝

開本：16開

齣版時間：2017-10-01

用紙：膠版紙

頁數：536

字數：900000

正文語種：中文

編輯推薦

適讀人群 ：前端開發人員，計算機及相關專業本科在校生

主要講解jQuery、AngularJS、Bootstrap這三個*常用的前端框架，並針對每個框架都提供瞭實用的案例，讓讀者理論聯係實際。

本書提供兩個綜閤案例，綜閤利用瞭jQuery、AngularJS、Bootstrap前端開發技術，並在後端采用瞭極為流行、規範的輕量級Java EE架構：控製器層->業務邏輯層->數據持久化層。

書中案例對實際項目具有極好的指導價值和藉鑒意義。

案例既提供瞭IDE無關的、基於Ant管理的項目源碼，也提供瞭基於Eclipse IDE的項目源碼，最大限度地滿足讀者的需求。

內容簡介

《瘋狂前端開發講義》基於《瘋狂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這三個常用的前端框架，並針對每個框架都提供瞭實用的案例，讓讀者理論聯係實際。這部分內容是“瘋狂軟件教育中心”的標準講義，既包含瞭實際前端開發的重點和難點，也融入瞭大量學習者的學習經驗和感悟。筆者以豐富的授課經驗為基礎，在講解深入淺齣，力求使讀者真正掌握前端開發的精髓。《瘋狂前端開發講義》在後麵提供兩個綜閤性案例：圖書管理係統和電子拍賣係統，這兩個項目都綜閤利用瞭jQuery、AngularJS、Bootstrap前端開發技術，並在後端采用瞭流行、規範的輕量級Java EE架構：控製器層-＞業務邏輯層-＞數據持久化層。這兩個案例對實際項目具有極好的指導價值和藉鑒意義。案例既提供瞭IDE無關的、基於Ant管理的項目源碼，也提供瞭基於Eclipse IDE的項目源碼，大限度地滿足讀者的需求。如果在閱讀《瘋狂前端開發講義》時遇到任何技術問題，都可登錄http：//www.crazyit.org與本書龐大的讀者群交流。《瘋狂前端開發講義》並非針對零基礎的讀者，本書不再包含HTML、CSS、JavaScript相關知識，這些知識是閱讀《瘋狂前端開發講義》的基礎。《瘋狂前端開發講義》適閤有初步HTML、CSS、JavaScript基礎的讀者，或對企業應用前端開發不太熟悉的開發人員。如果已經掌握《瘋狂前端開發講義》的姊妹篇《瘋狂HTML 5/CSS 3/JavaScript講義》，將非常適閤閱讀《瘋狂前端開發講義》。

作者簡介

李剛，十多年的軟件開發從業經驗，瘋狂軟件教育中心教學總監。瘋狂Java實訓營創始人，瘋狂Java體係原創圖書作者。廣東技術師範學院計算機科學係的兼職副教授，51CTO專傢門診特邀嘉賓。培訓的學生已在華為、IBM、阿裏軟件、網易、電信盈科等名企就職。國內著名高端IT技術作傢，已齣版《瘋狂Java講義》《瘋狂Android講義》《輕量級Java EE企業應用實戰》《瘋狂iOS講義（基礎篇）（高級篇）》《瘋狂 Swift講義》《瘋狂Ajax講義》《瘋狂XML講義》《經典Java EE企業應用實戰》《Struts 2.x**指南》《瘋狂HTML 5/CSS 3/JavaScript講義》等著作。其 中瘋狂Java體係圖書均已沉澱多年、贏得極高的市場認同、多次重印成為超級暢銷圖書，並被多所“985”“211”高校選作教材，不少圖書已被翻譯成繁體中文版、 授權到中國颱灣地區。

目錄

第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　發送POST請求 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選擇器訪問DOM元素 63
3．2．4　以僞類選擇器訪問DOM元素 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．4　單元格偏移 266
6．2．5　單元格排序 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　增強的HTML元素 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

前言/序言

現在企業應用開發越來越重視前端開發，很多企業已經獨立齣一個專門的崗位：前端開發工程師，前端開發工程師專門負責企業應用的前端編程。前端工程師與美工不同，美工負責的是應用界麵的規劃和設計，他們隻負責做齣靜態的界麵構圖，有時也包括規劃界麵交互效果，但美工通常並不懂編程實現；而前端開發工程師則負責使用HTML 5、CSS、JavaScript以及各種前端框架來實現整個前端界麵：包括應用界麵的搭建、用戶交互的實現，這些內容其實都屬於JavaScript編程。

有些初學者往往容易混淆美工和前端開發工程師的區彆：他們以為會用網頁設計工具製作網頁就算前端開發工程師。實際上會用網頁設計工具既算不上美工，也算不上前端開發工程師。美工的重點在“美”，他們需要有紮實的美術功底，他們可用任何工具來“設計”靜態界麵，甚至可直接在紙上繪製界麵草圖，因此網頁製作工具隻是其中的工具之一；而前端開發工程師往往並不使用網頁設計工具，他們通常會使用專門的代碼編寫工具，他們用HTML、CSS來編寫靜態界麵，再使用JavaScript或各種前端框架來實現界麵的動態交互效果。因此，前端開發工程師的本質依然是程序員，他們常用JavaScript以及各種JavaScript框架，如jQuery和AngularJS等。

這裏必須說明，前端開發並不簡單，原因主要有如下兩點：

1、JavaScript作為一門編程語言，有其自身的優勢和特點，要想真正掌握並熟練使用它，有一定的難度。

2、各瀏覽器之間存在一定的差異（雖然這種差異正在被相應的規範減少），而且同一個瀏覽器的不同版本之間也存在較大差異（如IE 8、IE 9、IE 10等），這同樣給廣大開發者帶來瞭較大的睏難。

正因為前端開發存在的復雜性，使得前端開發的相關框架也相當活躍，除瞭最主流的jQuery之外，其他還有如AngularJS、Bootstrap等。尤其是jQuery，目前它已經超齣一般框架的概念，甚至變成瞭某種規範，很多前端框架底層都會藉鑒或依賴jQuery。

AngularJS則是一個非常實用的前端框架，這個框架不是一種簡單的工具，它甚至會強迫開發者采用一種優雅的前端架構，這也是筆者對這個框架情有獨鍾的原因。

對於初級甚至中級的前端開發者來說，他們有一定的JavaScript代碼功底，如果單純交代他們實現一個前端功能，他們可能也可以實現齣來，但他們的實現風格要麼亂七八糟，要麼“隨心所欲”：今天可能這樣實現，明天可能會那樣實現—如果整個前端都由一個開發者完成，這樣做可能問題不大。但實際企業應用的前端往往需要多人協作開發，這時各前端開發者的風格不統一就會帶來巨大的溝通成本，從而導緻項目進度受阻。

AngularJS的價值就在於此，AngularJS可以極好地規範前端開發的風格，AngularJS對前端開發進行分層，它將前端開發分為Controller層、Service層、DAO層和Model層，Model對象則與HTML頁麵（視圖）上HTML元素進行雙嚮綁定，這樣開發者可通過Controller調用Service、DAO與後端交互，獲取後端數據之後，隻要修改其中Model對象的值，視圖頁麵也會隨之動態改變。這個設計架構層次非常清晰，而且具有一定的“強製性”，整個前端團隊一旦采用AngularJS框架，那麼整個前端開發風格會變得簡單、清晰，所有團隊成員都能采用一緻的開發風格，這就是AngularJS的魅力所在。

Bootstrap則更像一個CSS框架，使用起來非常方便。對於大部分前端開發者，最令人頭疼的可能並不是“如何實現”某個界麵，而是不清楚到底“要實現什麼”界麵？怎樣的界麵纔能算得上優雅、美觀？而Bootstrap正好解決瞭這個痛點，該框架提供瞭大量優雅、美觀的CSS樣式，開發者直接應用這些CSS樣式即可實現優雅、美觀的頁麵。從這個角度來看，Bootstrap的上手非常簡單，甚至不要求開發者掌握JavaScript知識，隻要開發者略懂CSS樣式即可，因此Bootstrap完全是真正簡單且強大的前端框架。

本書有什麼特點

本書隻是一本介紹前端開發的圖書，不是一本關於所謂“思想”的書，更不是一本看完之後可以“吹噓、炫耀”的書—因為本書並沒有堆砌一堆“深奧”的新名詞、一堆“高深”的思想，本書保持瞭“瘋狂Java體係”的一貫風格：操作步驟詳細，編程思路清晰，語言平實。

本書帶給讀者的隻是9個字：“看得懂、學得會、做得齣”，本書並不能讓你認識一堆新名詞，隻幫助你掌握紮實的企業前端開發基礎。對於本書，光“看”是不夠的，一定要“做”，閱讀本書的同時，應該把所有知識點的配套示例都做齣來，這樣纔能真正掌握本書的知識。

無論如何，讀者在閱讀本書時遇到知識上的問題，都可以登錄瘋狂Java聯盟（http://www.crazyit.org）與廣大Java學習者交流，筆者也會通過該平颱與大傢一起交流、學習。

除此之外，本書還有如下幾個特點。

1．通俗易懂，適閤自學

該書吸收瞭大量學習者的學習體會和心得，並重點講解瞭學習過程中難以理解和掌握的知識點，降低瞭學習者的學習難度。

2．知識豐富，內容全麵

本書全麵、詳細地介紹瞭jQuery 3.1、AngularJS 1.6、Bootstrap 3.3 3個框架，它們是企業開發中最主流的前端框架，具有很強的代錶性。掌握本書內容即可具備紮實的前端開發功底。

3．深入實用，實踐性強

本書並不是一本前端開發的入門圖書，本書全麵、深入地介紹瞭企業開發中最主流、最具代錶性的前端框架，並將它們真正融入Java企業應用開發中，這對實際企業應用開發具有極好的指導意義。

本書寫給誰看

本書並非針對零基礎的讀者，如果您具有HTML 5、CSS 3、JavaScript基礎，認真學習此書即可讓您成為前端開發的實戰型人纔；如果您已經閱讀過本書上篇：《瘋狂HTML 5/CSS/JavaScript講義》，閱讀本書非常閤適。如果您完全沒有HTML、CSS、JavaScript基礎知識，建議您暫時不要購買、閱讀此書。

2017-07-28

聚焦當下，洞悉未來：一套全麵革新的前端開發實戰指南 在這個日新月異的數字時代，前端開發不再僅僅是頁麵的靜態呈現，而是承載用戶體驗、驅動商業價值的核心力量。從響應式布局的優雅伸展，到交互設計的精妙觸動，再到數據驅動的動態交互，每一次技術的飛躍都深刻地影響著我們與數字世界的連接方式。本書，並非對過往技術的簡單迴顧，而是緊貼當前行業脈搏，以實戰為導嚮，係統性地梳理瞭支撐現代前端開發的基石技術，旨在為渴望在競爭激烈的開發領域脫穎而齣的你，提供一套全麵、深入且極具實操性的解決方案。 我們深知，前端開發的疆域廣闊，技術更新迭代的速度更是令人目不暇接。然而，拋開那些令人眼花繚亂的新概念，真正能夠構建起穩定、高效、用戶體驗卓越的Web應用，依然需要對核心技術的深刻理解和熟練運用。本書正是基於這一理念，精選瞭當前前端開發領域中最具代錶性、最受開發者青睞的技術棧——Vue.js（或您指定的其他現代框架，請替換此處以符閤您的實際書籍內容）。我們摒棄瞭繁復冗餘的理論堆砌，將重點放在如何將這些技術融會貫通，解決實際開發中的痛點問題，構建齣高性能、易維護、可擴展的Web應用。 Vue.js：擁抱響應式，構建優雅的交互體驗 Vue.js，作為當下最受歡迎的JavaScript框架之一，以其易學易用、性能優越、靈活性強的特點，贏得瞭全球無數開發者的青睞。本書將從零開始，帶領你深入理解Vue.js的核心概念。你將學習如何構建聲明式的組件，將復雜的UI拆解為可復用的模塊；如何掌握響應式數據綁定的強大威力，讓你的界麵能夠隨數據變化而實時更新，無需手動操作DOM；如何運用指令和事件處理機製，實現豐富而流暢的用戶交互；如何使用組件化開發模式，構建齣結構清晰、易於維護的大型應用。 本書不會止步於基礎知識的講解，更會將重心放在 Vue.js 在實際項目中的應用。你將學習如何使用Vue Router進行前端路由管理，構建單頁應用（SPA）；如何結閤Vuex管理復雜的全局狀態，確保數據在應用中的一緻性；如何利用Vue CLI快速搭建項目，優化開發流程；如何與後端API進行高效的數據交互，實現數據的動態加載和更新。我們將通過一係列精心設計的實戰案例，涵蓋從簡單的計數器到復雜的電商詳情頁，讓你在實踐中真正掌握Vue.js的精髓，並能夠獨立完成具備現代Web應用特性的項目。 現代前端架構：從響應式設計到組件化思維 除瞭核心框架的學習，本書還將深入探討 現代前端架構的理念和實踐。我們理解，一個優秀的前端項目，不僅僅依賴於強大的技術，更在於清晰的設計思路和閤理的架構組織。 響應式設計： 在移動互聯網時代，響應式設計是必不可少的技能。本書將詳細講解如何利用CSS的強大能力，結閤HTML5的語義化標簽，構建能夠優雅適應各種屏幕尺寸的網頁。你將學習如何使用媒體查詢（Media Queries）來根據設備特性調整布局和樣式，如何運用彈性布局（Flexbox）和網格布局（CSS Grid）來創建靈活且美觀的頁麵結構，如何優化圖片和資源的加載，確保在不同設備上的良好性能體驗。 組件化思維： 組件化是現代前端開發的核心思想，它能夠極大地提高代碼的可復用性、可維護性和可擴展性。本書將引導你建立起組件化思維，理解如何將UI設計分解為獨立的、可復用的組件單元，並學會如何通過props和events進行組件之間的數據傳遞和通信。你將掌握如何設計齣高質量的組件，使其具備良好的封裝性和獨立的邏輯，從而構建齣更加模塊化、易於協作的前端項目。 構建工具與工作流： 現代前端開發離不開強大的構建工具。本書將介紹並實踐常用的構建工具，如Webpack（或Vite），讓你瞭解如何配置和使用這些工具來打包、壓縮、優化你的代碼，以及如何實現熱更新、代碼分割等功能，極大地提升開發效率。你還將學習如何建立起一套高效的開發工作流，從項目初始化到代碼部署，都能遊刃有餘。 實戰為王：解決真實世界的開發難題 理論知識的掌握固然重要，但真正的能力在於將所學付諸實踐，解決真實世界中遇到的開發難題。本書的另一個顯著特點是 強調實戰，貫穿始終。 API集成與數據處理： 現代Web應用大多需要與後端API進行交互。本書將深入講解如何使用`fetch` API或Axios等庫，進行HTTP請求，發送數據，接收響應，並對返迴的數據進行解析和處理。你將學習如何處理常見的API請求場景，如GET, POST, PUT, DELETE，以及如何應對API的錯誤處理和加載狀態的管理，確保應用數據的準確性和實時性。 狀態管理： 隨著應用復雜度的增加，管理應用狀態變得尤為重要。除瞭Vuex，本書還將探討更先進的狀態管理方案（如果您的書籍內容包含），幫助你構建齣更加健壯和可維護的狀態管理係統。你將理解不同狀態管理模式的優缺點，並學會根據項目需求選擇最適閤的方案。 錶單處理與驗證： 錶單是用戶與Web應用交互的重要入口。本書將詳細講解如何使用Vue.js進行高效的錶單開發，包括數據綁定、輸入驗證、錯誤提示等。你將學習如何構建齣用戶體驗友好且數據安全的錶單。 性能優化： 高性能是用戶體驗的關鍵。本書將提供一係列實用的性能優化技巧，包括代碼分割、懶加載、圖片優化、虛擬滾動等，幫助你構建齣加載速度快、響應迅速的Web應用。 可訪問性（Accessibility）： 確保Web應用能夠被所有用戶訪問，是現代Web開發的重要責任。本書將介紹Web可訪問性的基本原則，並指導你如何在開發中遵循WCAG標準，為不同能力的用戶提供平等的訪問體驗。 麵嚮未來，持續成長 技術的世界瞬息萬變，但掌握瞭核心的理念和方法，就能更好地適應未來的變化。本書在內容設計上，不僅關注當前主流技術，更注重培養讀者的 獨立思考和持續學習的能力。我們鼓勵讀者在掌握書本知識的基礎上，積極探索更廣闊的前端生態，擁抱新的技術和工具。 本書的語言風格力求 簡潔明瞭，易於理解，避免使用晦澀難懂的專業術語。每一章節都力求邏輯清晰，層層遞進，讓你在輕鬆愉悅的氛圍中掌握前端開發的奧秘。我們相信，通過本書的學習，你將能夠： 構建齣功能強大、交互流暢的現代Web應用。 掌握麵嚮組件的開發模式，提升代碼復用性和可維護性。 熟練運用Vue.js及其生態係統，解決實際開發中的各種問題。 建立起一套高效的前端開發工作流，提升開發效率。 具備持續學習和適應前端技術發展的能力。 無論你是初入前端的開發者，還是希望提升技能、拓展技術棧的在職工程師，本書都將是你寶貴的學習夥伴。讓我們一起踏上這段革新的前端開發之旅，洞悉當下，擁抱未來！

評分☆☆☆☆☆

評價三： 我是一名獨立開發者，經常需要一個人包攬項目的從前端到後端的設計和實現。之前我一直主要使用jQuery來構建交互效果，但隨著項目越來越復雜，我感覺jQuery的靈活性在麵對大型應用時有些力不從心。偶然間看到這本書，它的標題“jQuery+AngularJS+Bootstrap前端開發實戰”立刻引起瞭我的注意。我正在考慮是否要將AngularJS引入到我的開發流程中，因為它似乎能更好地處理復雜的單頁應用（SPA）。所以，我最希望從這本書中獲得的是關於AngularJS的實際應用指導，包括它的入門門檻、學習麯綫，以及如何通過它來構建一個穩定、可維護的Web應用。同時，我也想看看書中是如何將jQuery、AngularJS和Bootstrap這三者巧妙地結閤起來，因為在我看來，這三者之間可能存在一些“化學反應”，能夠互相彌補不足，發揮齣更大的威力。例如，是否可以用AngularJS來管理頁麵的整體結構和數據流，然後用jQuery來處理一些DOM操作的細節，再用Bootstrap來快速實現界麵的美觀和響應式布局？我期待書中能提供一些這樣的“混搭”思路和實操案例，幫助我做齣技術選型上的決策。

評分☆☆☆☆☆

評價四： 說實話，我買這本書的時候，對前端開發還處於一個“半懂不懂”的狀態。看到書名裏有jQuery、AngularJS、Bootstrap，這些詞在我腦海裏就好像是前端開發領域的“三大件”，感覺學會瞭它們，就能做齣像模像樣的網站瞭。我之前在網上搜集過一些資料，看過一些零散的教程，但總覺得不成體係，學完之後也記不住多少。所以我選擇這本書，是希望它能把我從“零散”的學習狀態拉齣來，給我一個清晰的學習路徑。我期待這本書的講解能夠深入淺齣，用通俗易懂的語言來解釋那些復雜的概念，並且提供大量的練習題或者小項目，讓我能夠邊學邊練，鞏固知識。特彆是對於AngularJS，我聽說它是一個比較龐大的框架，我希望這本書能幫我理清它的核心思想，讓我知道它是怎麼工作的，而不是僅僅記住一些API。Bootstrap也是我比較看重的一點，我希望它能教我如何用Bootstrap快速搭建漂亮的頁麵，並且瞭解它的柵格係統、組件的使用方法，以及如何進行一些個性化的定製。總而言之，這本書對我來說，就是一張通往前端開發“入門”的導航圖。

評分☆☆☆☆☆

評價五： 作為一名一直以來都依賴後端渲染，對前端開發技術瞭解不多的程序員，我最近感到瞭前所未有的壓力。身邊的同事都在討論React、Vue、AngularJS這些前端框架，而我卻感覺自己越來越落伍。我朋友嚮我推薦瞭這本書，說它涵蓋瞭目前市場上最熱門的前端技術，而且是從實戰角度齣發的。我選擇這本書，主要是希望它能夠幫助我完成從“後端思維”到“前端思維”的轉變。我特彆想瞭解AngularJS是如何構建動態、交互式的Web應用的，以及它與傳統的後端渲染方式有什麼本質的區彆。同時，我也想知道jQuery在現代前端開發中還能扮演怎樣的角色，或者說，它與AngularJS之間是如何互補的。Bootstrap我一直有所耳聞，知道它能讓界麵變得很漂亮，我希望這本書能教我如何高效地使用Bootstrap來快速完成頁麵的布局和樣式設計，並且能夠實現響應式布局，讓我的網站在各種設備上都能有良好的展示效果。我期望通過這本書，我能夠建立起對前端開發的基本認知，並且能夠獨立地完成一些簡單的、具有一定交互性的前端頁麵。

評分☆☆☆☆☆

評價一： 剛拿到這本書，就被它那個“瘋狂”的標題吸引瞭。我本身是一名剛入門的前端開發不久的學生，之前學過一點HTML、CSS和JavaScript的基礎，但總感覺自己抓不住重點，學起來有些漫無目的。看到這本書的名字，心裏就覺得這下有機會係統地學習瞭，特彆是jQuery、AngularJS和Bootstrap這三個我一直想深入瞭解的技術。拿到書後，我迫不及待地翻看瞭目錄，感覺內容安排得非常閤理，從基礎概念到實戰項目，層層遞進，特彆適閤像我這樣需要打牢基礎的人。第一感覺是印刷質量不錯，紙張手感也挺好，這對於長時間閱讀來說很重要。我個人特彆希望書中能有足夠多的代碼示例，並且這些示例要能夠真正運行起來，而不是那種看起來很炫酷但實際操作起來一塌糊塗的代碼。因為對我來說，光看理論總是顯得枯燥乏味，隻有親手敲代碼、看到效果，纔能真正理解和掌握。而且，如果是能有那種小型的、可以逐步搭建起來的實戰項目，那就更好瞭，這樣不僅能學到具體技術，還能鍛煉解決問題的能力。期待書中能讓我感受到那種“瘋狂”的學習激情，並且真正“瘋狂”地提升我的前端開發技能。

評分☆☆☆☆☆

評價二： 作為一個有幾年工作經驗的前端工程師，平時主要接觸的是一些公司的內部項目，技術棧也比較固定，但最近一直在關注前端技術的發展趨勢，特彆是像AngularJS這樣的MVVM框架，感覺是未來的一大方嚮。我選擇這本書，主要是看中瞭它集成瞭jQuery、AngularJS和Bootstrap這三個當下非常流行的前端技術。我希望這本書能帶給我一些新的視角和更深入的理解，而不是簡單地重復我已知的內容。我特彆看重書中對於AngularJS的講解，希望它能深入到指令、服務、路由等核心概念，並且能夠講解一些實際開發中的最佳實踐，比如如何組織項目結構、如何進行模塊化開發等等。jQuery的部分，我希望它能講一些高級用法，或者如何與現代前端框架結閤使用，畢竟jQuery在很多老項目中仍然扮演著重要角色。Bootstrap的部分，我期待它能介紹一些自定義主題、組件擴展的技巧，以及如何在響應式設計中更靈活地運用它。總而言之，我希望這本書能幫我拓寬視野，提升解決復雜前端問題的能力，並能在實際工作中得到應用。

評分☆☆☆☆☆

學習型社會，學習永無止境，勉勵一下懶惰的自己。

評分☆☆☆☆☆

書不錯，很容易懂！書不錯，很容易懂！書不錯，很容易懂！書不錯，很容易懂！

評分☆☆☆☆☆

顔色漂亮做工精緻值這個價

評分☆☆☆☆☆

經典學習書籍，正在努力學習中

評分☆☆☆☆☆

很好的書，正在研讀

評分☆☆☆☆☆

之前看過作者的java，這個還沒看，應該也還不錯吧，適閤初學者

評分☆☆☆☆☆

開發者必備的一本專業書，很不錯

評分☆☆☆☆☆

書很好看 不錯 值得一看 都來看看

評分☆☆☆☆☆

很好的書，要慢慢啃瞭