精通Dojo

第1章 導(dǎo)論1
1.1 Dojo的一些主要方面3
1.1.1 Dojo不只是一個(gè)程序庫(kù)，而是一個(gè)工具包3
1.1.2 Dojo著眼于廣大的用戶群4
1.1.3 Dojo是面向未來的4
1.1.4 Dojo是開源的4
1.1.5 Dojo分為三個(gè)項(xiàng)目5
1.1.6 Dojo具有高度的概念完整性5
1.2 如何使用本書6
1.2.1 預(yù)備知識(shí)6
1.2.2 示例代碼6
1.2.3 關(guān)于調(diào)試6
1.2.4 本書大綱7
1.3 致謝7
第一部分 用Dojo玩轉(zhuǎn)Ajax
第2章 輕松創(chuàng)建功能強(qiáng)大的Web表單10
2.1 顧客如何評(píng)價(jià)傳統(tǒng)表單10
2.2 在服務(wù)器上安裝Dojo11
2.3 把Dojo和Dijit添加到網(wǎng)頁(yè)11
2.4 表單的布局14
2.4.1 準(zhǔn)備頁(yè)面14
2.4.2 用選項(xiàng)卡來組織表單15
2.4.3 有問題嗎17
2.5 增強(qiáng)表單控制19
2.5.1 驗(yàn)證字段19
2.5.2 簡(jiǎn)單輸入日期20
2.6 組合起來20
第3章 連接外部服務(wù)23
3.1 Dojo遠(yuǎn)程腳本23
3.2 與調(diào)用XHR相關(guān)的JavaScript習(xí)慣用語(yǔ)24
3.2.1 字面量和散列24
3.2.2 函數(shù)字面量27
3.3 使用dojo.data和dojox.grid.Grid的WishList29
3.3.1 JSON語(yǔ)言31
3.3.2 存根數(shù)據(jù)源32
3.3.3 數(shù)據(jù)可用的小部件，dojox.grid.Grid34
3.4 使用JSONP研究雪茄37
3.4.1 網(wǎng)格和事件39
3.4.2 XHR回調(diào)40
3.5 使用dojo.xhrGet實(shí)現(xiàn)評(píng)論系統(tǒng)42
3.6 錯(cuò)誤與調(diào)試45
第二部分 DojoAPI
第4章 深入Dojo50
4.1 模塊化JavaScript50
4.2 Dojo源代碼組織52
4.2.1 Dojo模塊的分類53
4.2.2 Dijit模塊54
4.2.3 取得源代碼54
4.3 載入Dojo55
4.3.1 運(yùn)行時(shí)配置55
4.3.2 dojo.require57
第5章 JavaScript語(yǔ)言的擴(kuò)展58
5.1 利用dojo.hitch實(shí)現(xiàn)綁定58
5.1.1 綁定上下文58
5.1.2 綁定參數(shù)61
5.2 JavaScript1.6的數(shù)組方法63
5.3 支持多態(tài)66
5.4 組合.結(jié)構(gòu)化與復(fù)制對(duì)象68
5.4.1 混合對(duì)象68
5.4.2 復(fù)制對(duì)象69
5.4.3 復(fù)制類似數(shù)組的對(duì)象70
第6章 異步編程71
6.1 利用Dojo進(jìn)行DOM事件編程71
6.1.1 編寫事件處理函數(shù)72
6.1.2 處理函數(shù)簽名72
6.1.3 鍵盤事件對(duì)象74
6.1.4 事件傳播75
6.1.5 默認(rèn)處理76
6.1.6 關(guān)聯(lián)處理函數(shù)77
6.1.7 利用dojo.addOnLoad執(zhí)行初始化代碼79
6.1.8 DOM事件分類83
6.2 利用Dojo關(guān)聯(lián)用戶自定義事件83
6.2.1 截獲JavaScript函數(shù)83
6.2.2 關(guān)聯(lián)用戶定義事件84
6.3 發(fā)布—訂閱86
6.4 利用dojo.Deferred管理回調(diào)函數(shù)87
6.4.1 示例：構(gòu)建一個(gè)高性能顯示引擎88
6.4.2 實(shí)現(xiàn)進(jìn)程控制90
6.4.3 利用dojo.Deferred注冊(cè)回調(diào)函數(shù)91
6.4.4 錯(cuò)誤處理93
6.4.5 聲明回調(diào)函數(shù)和錯(cuò)誤處理函數(shù)94
6.4.6 取消回調(diào)函數(shù)處理96
第7章 DOM工具100
7.1 核心DojoDOM工具函數(shù)100
7.2 查找和編輯節(jié)點(diǎn)104
7.2.1 dojo.query105
7.2.2 dojo.query選擇器107
7.2.3 dojo.NodeList能做什么111
7.3 插入.移動(dòng)和刪除的DOM節(jié)點(diǎn)113
7.3.1 操縱DOM樹示例114
7.3.2 使用dojo.place來移動(dòng)節(jié)點(diǎn)115
7.4 定位DOM節(jié)點(diǎn)116
7.4.1 用CSS和Dojo定位116
7.4.2 動(dòng)態(tài)定位節(jié)點(diǎn)119
7.5 動(dòng)畫121
7.5.1 DHTML動(dòng)畫基礎(chǔ)121
7.5.2 使用dojo.animateProperty來實(shí)現(xiàn)動(dòng)畫122
7.5.3 使用dojo.anim來實(shí)現(xiàn)動(dòng)畫126
7.5.4 為問題列表挑戰(zhàn)添加動(dòng)畫效果126
第8章 基于XHR.script和iframe編寫遠(yuǎn)程腳本130
8.1 原生遠(yuǎn)程腳本130
8.2 使用Dojo的XHR框架131
8.2.1 調(diào)用dojo.xhr*132
8.2.2 args.ioArgs以及處理函數(shù)133
8.2.3 內(nèi)容處理方式138
8.2.4 控制HTTP事務(wù)142
8.2.5 使用表單144
8.2.6 POST以及其他的HTTP方法145
8.2.7 DojoXHR的其他知識(shí)點(diǎn)146
8.3 使用script實(shí)現(xiàn)遠(yuǎn)程腳本146
8.3.1 探測(cè)動(dòng)態(tài)加載的腳本147
8.3.2 Dojo對(duì)于動(dòng)態(tài)Script元素的支持149
8.4 基于iframe編寫遠(yuǎn)程腳本152
8.4.1 Dojo對(duì)于使用iframe的腳本的支持152
8.4.2 iframe的工具函數(shù)154
8.5 使用遠(yuǎn)程腳本訪問Web服務(wù)155
8.5.1 明確定義遠(yuǎn)程過程調(diào)用155
8.5.2 使用dojo.rpc執(zhí)行遠(yuǎn)程過程調(diào)用156
8.5.3 在Yahoo中使用DojoRPC159
8.6 書簽和不帶導(dǎo)航的后退按鈕161
8.6.1 簡(jiǎn)單的單頁(yè)Web應(yīng)用161
8.6.2 使用dojo.back導(dǎo)航單頁(yè)Web應(yīng)用163
第9章 使用dojo.declare定義類166
9.1 為什么在JavaScript中使用面向?qū)ο缶幊?.166
9.2 定義簡(jiǎn)單的類167
9.2.1 原型以及原型的繼承167
9.2.2 Shape類的類繼承168
9.2.3 使用dojo.declare定義一個(gè)簡(jiǎn)單的類169
9.2.4 dojo.declare創(chuàng)建的對(duì)象170
9.2.5 標(biāo)準(zhǔn)的使用模式172
9.3 使用單繼承定義子類172
9.3.1 Circle對(duì)象空間174
9.3.2 調(diào)用父類中的方法175
9.3.3 手工添加父類方法176
9.4 聚合和多繼承177
9.4.1 使用聚合派生新類178
9.4.2 各個(gè)實(shí)例的初始化180
9.4.3 使用聚合類進(jìn)行類型測(cè)試182
9.5 預(yù)處理構(gòu)造函數(shù)參數(shù)184
9.5.1 處理構(gòu)造函數(shù)參數(shù)的方法185
9.5.2 使用散列來指定參數(shù)186
9.6 解決屬性名稱沖突的問題187
9.7 兩階段構(gòu)造189
9.8 不使用構(gòu)造函數(shù)創(chuàng)建自定義對(duì)象191
第10章 dojo.data193
10.1 鳥瞰193
10.1.1 捆綁的驅(qū)動(dòng)類194
10.1.2 數(shù)據(jù)存儲(chǔ)器不是數(shù)據(jù)庫(kù)194
10.1.3 特性197
10.1.4 使用dojo.data.ItemFileReadStore的例子198
10.2 dojo.data和增量搜索199
10.2.1 建立一個(gè)數(shù)據(jù)存儲(chǔ)器對(duì)象199
10.2.2 拉取提示數(shù)據(jù)200
10.2.3 自動(dòng)完成201
10.2.4 查詢201
10.3 使用QueryReadStore進(jìn)行作業(yè)劃分202
10.3.1 為什么你可能需要作業(yè)劃分202
10.3.2 將dojo.data的請(qǐng)求翻譯為URL203
10.4 從JavaScript調(diào)用讀取方法204
10.4.1 fetch方法和分頁(yè)204
10.4.2 排序205
10.4.3 fetch的處理函數(shù)205
10.4.4 更多的讀取方法206
10.5 Yahoo搜索驅(qū)動(dòng)207
第11章 Dojo加載器和構(gòu)建系統(tǒng)213
11.1 概述213
11.1.1 加載器和構(gòu)建系統(tǒng)協(xié)同工作213
11.1.2 跨域加載器214
11.2 Dojo加載器216
11.2.1 dojo.require216
11.2.2 模塊路徑216
11.2.3 設(shè)置模塊路徑217
11.2.4 使用模塊路徑控制版本發(fā)布218
11.2.5 dojo.provide219
11.2.6 模塊模式219
11.2.7 為跨域加載器編程220
11.3 使用Dojo構(gòu)建系統(tǒng)優(yōu)化部署222
11.3.1 使用build打包Release程序223
11.3.2 Acmecorp的Magi-Browse223
11.3.3 步驟1：全部按照默認(rèn)設(shè)置224
11.3.4 步驟2：打包227
11.3.5 步驟3：層打包230
11.3.6 步驟4：使用跨域加載器231
11.3.7 步驟5：壓縮233
11.4 使用Dojo-Rhino壓縮JavaScript資源233
第三部分 高級(jí)Dijit
第12章 編寫小部件腳本238
12.1 到底什么是小部件238
12.1.1 聲明式小部件239
12.1.2 編程式小部件240
12.2 查找并操作聲明式小部件240
12.3 編程式地創(chuàng)建實(shí)例243
12.4 擴(kuò)展點(diǎn)247
12.5 實(shí)例：實(shí)時(shí)表單252
第13章 樹255
13.1 簡(jiǎn)單樹結(jié)構(gòu)255
13.2 帶有層次結(jié)構(gòu)的數(shù)據(jù)存儲(chǔ)器257
13.2.1 ItemFileReadStore和樹257
13.2.2 JavaScript中訪問復(fù)雜數(shù)據(jù)259
13.3 擴(kuò)展點(diǎn)261
13.3.1 盒子樹261
13.3.2 onClick擴(kuò)展點(diǎn)262
13.4 操作樹結(jié)構(gòu)262
13.4.1 添加.刪除.修改樹節(jié)點(diǎn)263
13.4.2 把樹結(jié)構(gòu)保存到服務(wù)器264
13.5 拖放266
13.5.1 一個(gè)小的重構(gòu)267
13.5.2 _TreeNodes和關(guān)聯(lián)對(duì)象269
13.5.3 檢查施放操作270
13.5.4 施放和添加元素272
第14章 網(wǎng)格275
14.1 網(wǎng)格顯示和設(shè)計(jì)275
14.1.1 子行277
14.1.2 視圖278
14.2 編程式地創(chuàng)建結(jié)構(gòu)279
14.2.1 JavaScript中網(wǎng)格結(jié)構(gòu)的定義279
14.2.2 行選擇條281
14.3 擴(kuò)展點(diǎn)282
14.3.1 單元格層次擴(kuò)展點(diǎn)282
14.3.2 聚合函數(shù)和onBeforRow擴(kuò)展點(diǎn)283
14.3.3 行選擇287
14.3.4 鼠標(biāo)和鍵盤事件288
14.4 單元格編輯289
14.4.1 使用單元格編輯器290
14.4.2 單元格格式化：formatter擴(kuò)展點(diǎn)291
14.4.3 數(shù)據(jù)同步292
14.5 網(wǎng)格操作292
14.5.1 排序292
14.5.2 過濾293
第15章 表單控件296
15.1 表單控件的特性296
15.1.1 Dijit表單控件和與之相對(duì)應(yīng)的HTML代碼296
15.1.2 通用方法297
15.1.3 提交表單297
15.2 流水線編輯298
15.2.1 對(duì)話框和工具提示對(duì)話框298
15.2.2 內(nèi)聯(lián)編輯器301
15.2.3 文本編輯301
15.3 反饋304
15.3.1 工具提示305
15.3.2 進(jìn)度306
15.3.3 使用Toaster進(jìn)行通知307
15.4 日期.數(shù)值與國(guó)際化308
15.4.1 標(biāo)準(zhǔn)格式309
15.4.2 約束與格式化309
15.4.3 取消標(biāo)準(zhǔn)形式312
15.4.4 反饋314
15.5 動(dòng)作按鈕.工具欄和菜單314
15.6 a11y317
15.6.1 Tab順序318
15.6.2 獲取擴(kuò)展點(diǎn)的角色和狀態(tài)318
第16章 Dijit主題.設(shè)計(jì)與布局321
16.1 主題結(jié)構(gòu)321
16.1.1 制作主題所需的文件322
16.1.2 樣式命名空間323
16.1.3 樣式繼承324
16.1.4 針對(duì)不同的瀏覽器的特定的樣式定義325
16.2 改變網(wǎng)頁(yè)的視覺效果326
16.2.1 單個(gè)HTML元素327
16.2.2 元素類327
16.2.3 主題段328
16.2.4 從零開始制作主題328
16.2.5 動(dòng)態(tài)修改329
16.3 無障礙和主題330
16.4 面板：ContentPane和TitlePane331
16.5 停靠容器：BorderContainer335
16.6 棧容器337
第17章 創(chuàng)建和擴(kuò)展小部件類341
17.1 使用dijit.Declaration定義小部件類341
17.2 通過dojo.declare定義小部件類346
17.3 小部件生命周期349
17.3.1 dojo.parser和小部件350
17.3.2 屬性圖350
17.3.3 呈現(xiàn)小部件351
17.4 擴(kuò)展小部件352
17.5 示例：一個(gè)Yahoo問答小部件352
第四部分 富因特網(wǎng)應(yīng)用程序
第18章 創(chuàng)建富因特網(wǎng)應(yīng)用程序358
18.1 概述359
18.1.1 瀏覽器是一個(gè)UI平臺(tái)359
18.1.2 瀏覽器應(yīng)用框架359
18.1.3 工作空間對(duì)象簡(jiǎn)介360
18.1.4 命令系統(tǒng)361
18.1.5 狀態(tài)欄362
18.1.6 可以按需載入數(shù)據(jù)的數(shù)據(jù)存儲(chǔ)器363
18.1.7 模擬服務(wù)363
18.1.8 瀏覽器應(yīng)用程序363
18.2 第1步：創(chuàng)建應(yīng)用程序骨架363
18.2.1 組織結(jié)構(gòu)364
18.2.2 創(chuàng)建主程序365
18.3 第2步：主菜單和命令系統(tǒng)368
18.3.1 命令元素存儲(chǔ)器368
18.3.2 主菜單371
18.4 第3步：可定制的狀態(tài)欄小部件375
第19章 向RIA中添加動(dòng)態(tài)內(nèi)容379
19.1 第4步：導(dǎo)航器面板及隨需而變的數(shù)據(jù)存儲(chǔ)379
19.1.1 按需檢索樹數(shù)據(jù)379
19.1.2 實(shí)現(xiàn)一個(gè)延時(shí)樹數(shù)據(jù)驅(qū)動(dòng)381
19.1.3 實(shí)現(xiàn)模擬服務(wù)383
19.1.4 連接各個(gè)部分385
19.2 第5步：工作區(qū)對(duì)象387
19.2.1 實(shí)現(xiàn)WSO小部件388
19.2.2 實(shí)現(xiàn)靜態(tài)文本小部件392
19.2.3 將WSO連接到框架中395
第20章 繼續(xù)學(xué)習(xí)399
20.1 基礎(chǔ)庫(kù)399
20.2 圖形400
20.3 DojoData和存儲(chǔ)器401
參考書目402