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

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

第1章　遵循最佳實(shí)踐　2
1.1　不唐突和漸進(jìn)增強(qiáng)　2
1.2　讓JavaScript運(yùn)行起來(lái)　4
1.2.1　把行為從結(jié)構(gòu)中分離出來(lái)　4
1.2.2　不要版本檢測(cè)　11
1.2.3　通過(guò)平穩(wěn)退化保證可訪問(wèn)性　13
1.2.4　為重用命名空間而進(jìn)行規(guī)劃　14
1.2.5　通過(guò)可重用的對(duì)象把事情簡(jiǎn)化　17
1.2.6　一定要自己動(dòng)手寫(xiě)代碼　26
1.3　JavaScript語(yǔ)法中常見(jiàn)的陷阱　27
1.3.1　區(qū)分大小寫(xiě)　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樹(shù)　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)行測(cè)試　112
3.6.3　擴(kuò)充ADS庫(kù)　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　鍵盤(pán)事件　136
4.2.5　表單相關(guān)的事件　136
4.2.6　針對(duì)W3C DOM的事件　142
4.2.7　自定義事件　143
4.3　控制事件流和注冊(cè)事件偵聽(tīng)器　143
4.3.1　事件流　143
4.3.2　注冊(cè)事件　151
4.3.3　在事件偵聽(tīng)器中訪問(wèn)事件對(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　訪問(wèn)計(jì)算樣式　200
5.5　Microsoft的filter屬性　201
5.6　實(shí)例：簡(jiǎn)單的漸變效果　204
5.7　小結(jié)　207
第6章　案例研究：圖像裁剪和縮放工具　208
6.1　測(cè)試文件　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ì)象添加事件偵聽(tīng)器　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　語(yǔ)義化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　通過(guò)script標(biāo)簽繞過(guò)跨站點(diǎn)限制　254
7.2.3　后退按鈕和書(shū)簽功能　260
7.2.4　完成請(qǐng)求的賽跑　270
7.2.5　增加資源占用　278
7.2.6　問(wèn)題解決了嗎　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章　通過(guò)庫(kù)來(lái)提高生產(chǎn)力　310
9.1　選擇合適的庫(kù)　311
9.2　增強(qiáng)DOM操作能力　314
9.2.1　連綴語(yǔ)法　314
9.2.2　通過(guò)回調(diào)函數(shù)進(jìn)行過(guò)濾　321
9.2.3　操縱DOM文檔　322
9.3　處理事件　324
9.3.1　注冊(cè)事件　325
9.3.2　自定義事件　327
9.4　訪問(wèn)和操縱樣式　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è)視覺(jué)效果庫(kù)簡(jiǎn)介　342
10.3　視覺(jué)盛宴　343
10.3.1　MOO式的CSS屬性修改　344
10.3.2　通過(guò)Script.aculo.us實(shí)現(xiàn)視覺(jué)效果　353
10.3.3　通過(guò)Moo.fx實(shí)現(xiàn)逼真的運(yùn)動(dòng)效果　356
10.3.4　圓角效果　360
10.3.5　其他庫(kù)　362
10.4　行為增強(qiáng)　362
10.5　小結(jié)　374
第11章　豐富的Mashup!運(yùn)用API添加地圖、搜索及更多功能　375
11.1　API密鑰　376
11.2　客戶端API：離不開(kāi)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　通過(guò)Basecamp構(gòu)建集成的To-Do列表　403
11.3.2　通過(guò)Flickr取得個(gè)性頭像　412
11.4　小結(jié)　416
第12章　案例研究：用DOM設(shè)計(jì)選擇列表　417
12.1　經(jīng)典的感覺(jué)　417
12.2　構(gòu)建更好的選擇列表　418
12.3　策略？我們不需要臭哄哄的策略　420
12.3.1　相關(guān)的文件　420
12.3.2　FauxSelect對(duì)象　421
12.3.3　開(kāi)始創(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來(lái)救急　447
12.6.2　鍵盤(pán)控制及其他細(xì)節(jié)　449
12.6.3　select太大了嗎　454
12.7　最后的細(xì)節(jié)　455
12.8　繼續(xù)替換select的冒險(xiǎn)　456
12.9　小結(jié)　457