JavaScript DOM高級(jí)程序設(shè)計(jì)

第一部分　深入理解DOM腳本編程

第1章　遵循最佳實(shí)踐　2
1.1　不唐突和漸進(jìn)增強(qiáng)　2
1.2　讓JavaScript運(yùn)行起來　4
1.2.1　把行為從結(jié)構(gòu)中分離出來　4
1.2.2　不要版本檢測　11
1.2.3　通過平穩(wěn)退化保證可訪問性　13
1.2.4　為重用命名空間而進(jìn)行規(guī)劃　14
1.2.5　通過可重用的對(duì)象把事情簡化　17
1.2.6　一定要自己動(dòng)手寫代碼　26
1.3　JavaScript語法中常見的陷阱　27
1.3.1　區(qū)分大小寫　27
1.3.2　單引號(hào)與雙引號(hào)　　27
1.3.3　換行　28
1.3.4　可選的分號(hào)和花括號(hào)　28
1.3.5　重載(并非真正的重載)　29
1.3.6　匿名函數(shù)　30
1.3.7　作用域解析和閉包　30
1.3.8　迭代對(duì)象　35
1.3.9　函數(shù)的調(diào)用和引用(不帶括號(hào))　36
1.4　實(shí)例：WYSIWYGJavaScript翻轉(zhuǎn)圖　36
1.5　小結(jié)　43
第2章　創(chuàng)建可重用的對(duì)象　44
2.1　對(duì)象中包含什么　44
2.1.1　繼承　45
2.1.2　理解對(duì)象成員　46
2.1.3　window對(duì)象中的一切　48
2.1.4　理解作用域和閉包是根本　51
2.2　創(chuàng)建你自己的對(duì)象　52
2.2.1　一變多：創(chuàng)建構(gòu)造函數(shù)　53
2.2.2　添加靜態(tài)方法　54
2.2.3　向原型中添加公有方法　55
2.2.4　公有、私有、特權(quán)和靜態(tài)成員真那么重要嗎　58
2.2.5　對(duì)象字面量　59
2.3　this是什么　61
2.4　try{}、catch{}和異常處理　66
2.5　實(shí)例：你自己的調(diào)試日志　67
2.5.1　為什么需要JavaScript日志對(duì)象　68
2.5.2　myLogger()對(duì)象　68
2.6　小結(jié)　76
第3章　DOM2核心和DOM2 HTML　77
3.1　DOM不是JavaScript，它是文檔　77
3.2　DOM的級(jí)別　78
3.2.1　DOM 0 級(jí)　78
3.2.2　DOM 1 級(jí)　78
3.2.3　DOM 2 級(jí)　79
3.2.4　DOM 3 級(jí)　79
3.2.5　哪個(gè)級(jí)別適合你　81
3.3　創(chuàng)建示例文檔　82
3.3.1　創(chuàng)建DOM文件　83
3.3.2　選擇一個(gè)瀏覽器　84
3.4　DOM核心　86
3.4.1　繼承在DOM中的重要性　88
3.4.2　核心Node對(duì)象　89
3.4.3　核心Element對(duì)象　102
3.4.4　核心Document對(duì)象　104
3.4.5　遍歷和迭代DOM樹　106
3.5　DOM HTML　108
3.5.1　DOM2 HTML 的HTMLDocument對(duì)象　108
3.5.2　DOM2 HTML 的HTMLElement對(duì)象　109
3.6　實(shí)例：將手工HTML代碼轉(zhuǎn)換為DOM代碼　110
3.6.1　DOM生成工具的HTML文件　111
3.6.2　使用示例HTML片段進(jìn)行測試　112
3.6.3　擴(kuò)充ADS庫　113
3.6.4　generateDOM對(duì)象的框架　115
3.7　小結(jié)　127
第4章　響應(yīng)用戶操作和事件　128
4.1　DOM2級(jí)事件　129
4.2　事件的類型　130
4.2.1　對(duì)象事件　130
4.2.2　鼠標(biāo)移動(dòng)事件　132
4.2.3　鼠標(biāo)單擊事件　134
4.2.4　鍵盤事件　136
4.2.5　表單相關(guān)的事件　136
4.2.6　針對(duì)W3C DOM的事件　142
4.2.7　自定義事件　143
4.3　控制事件流和注冊(cè)事件偵聽器　143
4.3.1　事件流　143
4.3.2　注冊(cè)事件　151
4.3.3　在事件偵聽器中訪問事件對(duì)象　159
4.3.4　跨瀏覽器的事件屬性和方法　160
4.4　小結(jié)　170
第5章　動(dòng)態(tài)修改樣式和層疊樣式表　171
5.1　W3CDOM2樣式規(guī)范　171
5.1.1　CSSStyleSheet對(duì)象　171
5.1.2　CSSStyleRule對(duì)象　172
5.1.3　CSSStyleDeclaration對(duì)象　173
5.1.4　支持的匱乏　173
5.2　當(dāng)DOM　腳本遇到樣式　173
5.3　把樣式置于DOM腳本之外　179
5.3.1　style屬性　179
5.3.2　基于className切換樣式　182
5.3.3　切換樣式表　185
5.3.4　修改CSS規(guī)則　192
5.4　訪問計(jì)算樣式　200
5.5　Microsoft的filter屬性　201
5.6　實(shí)例：簡單的漸變效果　204
5.7　小結(jié)　207
第6章　案例研究：圖像裁剪和縮放工具　208
6.1　測試文件　208
6.2　imageEditor對(duì)象　212
6.2.1　調(diào)用imageEditor工具　216
6.2.2　imageEditor載入事件　217
6.2.3　創(chuàng)建編輯器標(biāo)記和對(duì)象　218
6.2.4　向imageEditor對(duì)象添加事件偵聽器　224
6.2.5　縮放圖像　227
6.2.6　裁剪圖像　230
6.2.7　未完成的圖像編輯器　234
6.3　小結(jié)　234
第二部分　瀏覽器外部通信
第7章　向應(yīng)用程序中加入Ajax　236
7.1　組合的技術(shù)　236
7.1.1　語義化XHTML和DOM　237
7.1.2　JavaScript和XMLHttpRequest對(duì)象　237
7.1.3　XML　244
7.1.4　一個(gè)可重用的對(duì)象　248
7.1.5　Ajax是正確的選擇嗎　253
7.2　為什么Ajax會(huì)破壞網(wǎng)站及如何解決　253
7.2.1　依賴JavaScript生成內(nèi)容　253
7.2.2　通過script標(biāo)簽繞過跨站點(diǎn)限制　254
7.2.3　后退按鈕和書簽功能　260
7.2.4　完成請(qǐng)求的賽跑　270
7.2.5　增加資源占用　278
7.2.6　問題解決了嗎　278
7.3　實(shí)例：Ajax增強(qiáng)的相冊(cè)　278
7.4　小結(jié)　285
第8章　案例研究：實(shí)現(xiàn)帶進(jìn)度條的異步文件上傳功能　286
8.1　信息載入時(shí)的小生命　288
8.2　起點(diǎn)　291
8.3　完成整合：上傳進(jìn)度指示器　292
8.3.1　addProgressBar()對(duì)象的結(jié)構(gòu)　294
8.3.2　載入事件　296
8.3.3　addProgressBar()對(duì)象　296
8.4　小結(jié)　308
第三部分　部分高級(jí)腳本編程資源
第9章　通過庫來提高生產(chǎn)力　310
9.1　選擇合適的庫　311
9.2　增強(qiáng)DOM操作能力　314
9.2.1　連綴語法　314
9.2.2　通過回調(diào)函數(shù)進(jìn)行過濾　321
9.2.3　操縱DOM文檔　322
9.3　處理事件　324
9.3.1　注冊(cè)事件　325
9.3.2　自定義事件　327
9.4　訪問和操縱樣式　329
9.5　通信　329
9.6　小結(jié)　334
第10章　添加效果增強(qiáng)用戶體驗(yàn)　335
10.1　自己動(dòng)手實(shí)現(xiàn)效果　335
10.1.1　讓我看到內(nèi)容　336
10.1.2　提供反饋　340
10.2　幾個(gè)視覺效果庫簡介　342
10.3　視覺盛宴　343
10.3.1　MOO式的CSS屬性修改　344
10.3.2　通過Script.aculo.us實(shí)現(xiàn)視覺效果　353
10.3.3　通過Moo.fx實(shí)現(xiàn)逼真的運(yùn)動(dòng)效果　356
10.3.4　圓角效果　360
10.3.5　其他庫　362
10.4　行為增強(qiáng)　362
10.5　小結(jié)　374
第11章　豐富的Mashup!運(yùn)用API添加地圖、搜索及更多功能　375
11.1　API密鑰　376
11.2　客戶端API：離不開JavaScript　377
11.2.1　地圖中的Mashup應(yīng)用　377
11.2.2　Ajax搜索請(qǐng)求　388
11.2.3　地圖與搜索的Mashup應(yīng)用　397
11.3　服務(wù)器端API：需要代理腳本　400
11.3.1　通過Basecamp構(gòu)建集成的To-Do列表　403
11.3.2　通過Flickr取得個(gè)性頭像　412
11.4　小結(jié)　416
第12章　案例研究：用DOM設(shè)計(jì)選擇列表　417
12.1　經(jīng)典的感覺　417
12.2　構(gòu)建更好的選擇列表　418
12.3　策略？我們不需要臭哄哄的策略　420
12.3.1　相關(guān)的文件　420
12.3.2　FauxSelect對(duì)象　421
12.3.3　開始創(chuàng)建人造select元素　423
12.3.4　查找select元素　425
12.3.5　構(gòu)建DOM元素　427
12.4　添加事件——為人造select賦予生命　431
12.5　讓表單綻放光彩　435
12.6　行為修正　445
12.6.1　z-index來救急　447
12.6.2　鍵盤控制及其他細(xì)節(jié)　449
12.6.3　select太大了嗎　454
12.7　最后的細(xì)節(jié)　455
12.8　繼續(xù)替換select的冒險(xiǎn)　456
12.9　小結(jié)　457