《JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools》

目    录

第Ⅰ部分  Prototype
第1章  扩展和增强DOM元素	3
1.1  扩展DOM元素	3
1.1.1  美元符号函数：$()	4
1.1.2  $$()	4
1.1.3  Element.extend()	4
1.1.4  将Element对象用作构造函数	5
1.2  DOM导航	6
1.2.1  adjacent方法	6
1.2.2  ancestors方法	7
1.2.3  up/down/next/previous方法	8
1.2.4  descendants/descendantOf/first
Descendant/immediateDescendants
方法	10
1.2.5  getElementsBySelector和
getElementsByClassName方法	10
1.2.6  childElements函数	11
1.3  修改页面内容	11
1.3.1  insert(element, content)
和insert(element, 
{position:content})	11
1.3.2  remove	11
1.3.3  replace	12
1.3.4  update	12
1.4  操作元素的大小、
位置和可见性	13
1.4.1  放置元素	13
1.4.2  处理偏移	14
1.4.3  显示和隐藏元素	15
1.4.4  调整元素的大小	16
1.5  处理CSS和样式	16
1.5.1  addClassName、removeClassName 
和toggleClassNames	16
1.5.2  hasClassName和classNames	19
1.5.3  setStyle和getStyle	19
1.6  使用自己编写的方法扩展
Element对象	19
1.7  本章小结	20
第2章  处理跨浏览器事件	21
2.1  注册事件处理程序	21
2.2  响应事件	23
2.2.1  event.target属性、this属性
和Event.element方法	23
2.2.2  Event.extend(event)	25
2.2.3  Event.stop(event)	26
2.3  触发调度事件	27
2.4  本章小结	30
第3章  简化AJAX和动态数据	31
3.1  建立到服务器的请求	31
3.1.1  Ajax.Request	32
3.1.2  回调	33
3.1.3  Ajax.Response	34
3.2  以全局方式响应数据变化	35
3.3  动态更新页面	35
3.3.1  Ajax.Updater	36
3.3.2  Ajax.PeriodicalUpdater	37
3.4  本章小结	38
第4章  处理表单	39
4.1  操作表单元素和数据	39
4.1.1  Form对象	39
4.1.2  结合使用Form对象的方法	41
4.2  验证表单数据	44
4.3  使用AJAX提交表单	47
4.4  本章小结	48
第5章  操作通用数据结构和函数	49
5.1  增强原生对象并引入类	49
5.1.1  对象扩展	49
5.1.2  Class对象	51
5.2  修改和分析字符串	52
5.3  生成模板化内容	54
5.4  绑定和操作函数	55
5.4.1  绑定函数	56
5.4.2  操作函数的其他方法	57
5.5  改进数组、散列和迭代器	58
5.5.1  使用for...in循环会导致一些
问题的原因	58
5.5.2  Enumerable类	59
5.5.3  改进Array对象	62
5.5.4  引入Hash类	63
5.6  处理数值和日期	64
5.6.1  数值	64
5.6.2  日期	65
5.7  本章小结	65
第6章  扩展Prototype	67
6.1  Script.aculo.us	67
6.2  Moo.fx for Prototype	73
6.2.1  Fx.Tween	74
6.2.2  Fx.Morph	74
6.2.3  Fx.Transitions	74
6.2.4  Fx.Slide	75
6.3  Rico	75
6.3.1  组件	76
6.3.2  动画效果	78
6.3.3  圆角	78
6.3.4  拖放	79
6.4  本章小结	79
第Ⅱ部分  YUI库
第7章  利用YUI库遍历和操作DOM	85
7.1  遍历DOM以及查找元素	85
7.1.1  get方法	85
7.1.2  getElementsByClassName方法	86
7.1.3  getFirstChild和getLastChild
方法	87
7.1.4  getFirstChildBy和getLastChildBy
方法	88
7.1.5  getChildren和getChildrenBy
方法	88
7.1.6  getElementsBy方法	90
7.1.7  getAncestorByTagName方法	91
7.1.8  getAncestorByClassName方法	94
7.1.9  getAncestorBy方法	95
7.1.10  Element实用工具	96
7.1.11  Selector实用工具	97
7.2  操作内容	99
7.2.1  insertBefore方法	99
7.2.2  insertAfter方法	99
7.2.3  处理类名	99
7.2.4  setStyle方法	101
7.2.5  getStyle方法	102
7.2.6  setXY方法	102
7.3  本章小结	103
第8章  处理跨浏览器事件	105
8.1  注册页面事件和元素准备
就绪事件	105
8.1.1  onDOMReady事件处理程序	106
8.1.2  执行作用域和参数传递	108
8.1.3  onAvailable函数	110
8.1.4  onContentReady函数	112
8.1.5  on/addListener函数	112
8.1.6  removeListener函数	114
8.2  处理键盘和鼠标输入	116
8.2.1  KeyListener实用工具	116
8.2.2  getCharCode函数	119
8.2.3  getXY	121
8.2.4  getTarget函数	121
8.2.5  getRelatedTarget函数	122
8.2.6  preventDefault函数	124
8.2.7  stopPropagation函数	125
8.2.8  stopEvent函数	126
8.3  处理自定义事件	127
8.3.1  创建和订阅自定义事件	128
8.3.2  退订自定义事件	130
8.3.3  subscribeEvent方法	131
8.4  管理浏览器历史并修正后退
按钮	131
8.5  本章小结	135
第9章  使用动画和拖放	137
9.1  组合基本的动画序列	137
9.1.1  Anim类	138
9.1.2  Motion类	141
9.1.3  Scroll类	143
9.1.4  ColorAnim类	144
9.2  平滑动画路径和运动	148
9.2.1  缓动	148
9.2.2  曲线路径(贝塞尔曲线)	150
9.3  带有拖放功能的交互动画	155
9.3.1  DD	155
9.3.2  DDProxy	155
9.4  本章小结	159
第10章  简化AJAX和动态加载	161
10.1  建立HTTP请求并获取数据	161
10.1.1  asyncRequest函数	162
10.1.2  JSON	165
10.2  动态加载库和组件	168
10.2.1  Get Utility	168
10.2.2  YUI Loader Utility	171
10.3  本章小结	175
第11章  利用窗口部件构建用户界面
(第一部分)	177
11.1  AutoComplete实用工具与表单
字段结合使用	177
11.2  为内容构建容器	183
11.2.1  Module	183
11.2.2  Overlay	185
11.2.3  Panel	186
11.3  使用选项卡和树状视图呈现
内容	189
11.3.1  TabView	189
11.3.2  TreeView	198
11.4  本章小结	209
第12章  利用窗口部件构建用户界面
(第二部分)	211
12.1  装配按钮、滑块和菜单	211
12.1.1  按钮	211
12.1.2  样式化	211
12.1.3  滑块	216
12.1.4  菜单	223
12.2  提供日期选择功能	233
12.2.1  简单的日历	233
12.2.2  事件	236
12.2.3  多页日历	238
12.3  启用富内容编辑	239
12.3.1  事件	244
12.3.2  实际使用编辑器	246
12.4  本章小结	247
第13章  利用YUI核心增强开发	249
13.1  应用名称空间和模块性	249
13.1.1  名称空间	249
13.1.2  语言扩展	250
13.1.3  模拟类继承关系	251
13.2  检测浏览器环境和可用模块	261
13.2.1  YAHOO.env.ua	261
13.2.2  YAHOO.env.getVersion	261
13.2.3  YAHOO_config	263
13.3  日志记录和调试	265
13.4  本章小结	267
第14章  处理数据、表和图表	269
14.1  格式化日期和数字	269
14.1.1  日期	269
14.1.2  数字	271
14.2  获取数据源	273
14.3  呈现表数据	280
14.4  绘制图表和图形	284
14.5  本章小结	291
第15章  使用YUI CSS工具	293
15.1  建立跨浏览器一致性	293
15.2  控制字体	295
15.3  利用网格构建布局	297
15.3.1  模板	299
15.3.2  嵌套网格	300
15.4  本章小结	303
第16章  构建和部署	305
16.1  来自Yahoo!的共享YUI
文件	305
16.2  减少和优化加载时间	308
16.3  本章小结	310
第Ⅲ部分  Ext JS
第17章  架构和库约定	313
17.1  何时使用Ext JS	313
17.2  如何使用Ext JS	314
17.3  Ext JS的面向对象设计	315
17.3.1  Ext.namespace	316
17.3.2  Ext.override	316
17.3.3  Ext.extend和构造函数约定	317
17.3.4  Ext.apply	318
17.3.5  Ext.applyIf	318
17.4  功能强大的实用工具函数	319
17.4.1  Function.createCallback	319
17.4.2  Function.createDelegate	320
17.4.3  Function.createInterceptor	320
17.4.4  Function.createSequence	321
17.4.5  Function.defer	322
17.5  Ext JS的基于事件的设计	322
17.5.1  Ext.util.Observable.
addEvents	322
17.5.2  Ext.util.Observable.addListener 
/.on	323
17.5.3  Ext.util.Observable.
removeListener /.un	323
17.5.4  Ext.util.Observable.fireEvent	323
17.5.5  Ext.util.Observable
.hasListener	324
17.5.6  Ext.util.Observable
.purgeListeners	324
17.5.7  Ext.util.Observable
.relayEvents	324
17.5.8  Ext.util.Observable.suspendEvents 
/.resumeEvents	324
17.5.9  Ext.util.Observable.capture 
/.releaseCapture	324
17.6  本章小结	325
第18章  元素、DomHelper和模板	327
18.1  元素操作	327
18.1.1  Ext.Element	327
18.1.2  Ext.Element方法	331
18.2  DOM遍历	335
18.2.1  Ext.DomQuery	336
18.2.2  Ext.DomQuery方法	337
18.3  DOM操作	338
18.3.1  Ext.DomHelper	338
18.3.2  Ext.Template	341
18.3.3  Ext.XTemplate	343
18.4  CSS操作	344
18.5  本章小结	346
第19章  组件、布局和窗口	347
19.1  Ext JS Component系统	347
19.1.1  Ext.Component	347
19.1.2  Ext.ComponentMgr	348
19.1.3  Ext.BoxComponent	350
19.1.4  Ext.Container	350
19.2  Ext JS Component生命周期	352
19.2.1  初始化	352
19.2.2  呈现	352
19.2.3  销毁	353
19.3  Ext.Viewport	354
19.4  Ext.Container布局	355
19.4.1  Ext.layout.ContainerLayout	355
19.4.2  Ext.layout.BorderLayout	356
19.4.3  Ext.layout.ColumnLayout	357
19.4.4  Ext.layout.TableLayout	357
19.4.5  Ext.layout.AnchorLayout	358
19.4.6  Ext.layout.AbsoluteLayout	358
19.4.7  Ext.layout.FormLayout	359
19.4.8  Ext.layout.FitLayout	361
19.4.9  Ext.layout.Accordion	361
19.4.10  Ext.layout.CardLayout	362
19.4.11  创建自定义布局	362
19.5  面板和窗口	363
19.5.1  Ext.Panel	363
19.5.2  Ext.Window	365
19.5.3  Ext.WindowGroup	365
19.5.4  Ext.WindowMgr	365
19.6  本章小结	365
第20章  数据处理以及服务器通信	367
20.1  获取数据	367
20.1.1  Ext.data.DataProxy	368
20.1.2  Ext.data.HttpProxy	368
20.1.3  Ext.data.MemoryProxy	371
20.1.4  Ext.data.ScriptTagProxy	372
20.2  重新建模数据	373
20.2.1  Ext.data.Record	373
20.2.2  Ext.data.DataReader	375
20.3  本地存储数据	379
20.3.1  Ext.data.Store	379
20.3.2  Ext.data.Record(回顾)	382
20.3.3  Ext.StoreMgr	383
20.4  集成所有类	383
20.5  本章小结	385
第21章  DataView和网格	387
21.1  Ext.DataView	387
21.1.1  操作DataView	389
21.1.2  DataView事件	392
21.2  Ext.grid.GridPanel	393
21.2.1  Ext.grid.ColumnModel	394
21.2.2  Ext.grid.AbstractSelection
Model	397
21.2.3  Ext.grid.CellSelectionModel	397
21.2.4  Ext.grid.RowSelectionModel	397
21.2.5  Ext.grid.CheckboxSelection
Model	397
21.2.6  Ext.grid.GridView	398
21.2.7  Ext.grid.GroupingView	398
21.2.8  其他的定制方法	399
21.3  本章小结	399
第22章  表单控件、验证及其他
功能	401
22.1  表单控件介绍	401
22.1.1  Ext.form.Label	402
22.1.2  Ext.form.Field	402
22.1.3  Ext.form.TextField	404
22.1.4  Ext.form.FormPanel和
Ext.form.BasicForm	405
22.1.5  其他表单控件	407
22.1.6  Ext.form.NumberField	407
22.1.7  Ext.form.TextArea	407
22.1.8  Ext.form.TriggerField	407
22.1.9  Ext.form.DateField	407
22.1.10  Ext.form.ComboBox	408
22.1.11  Ext.form.TimeField	408
22.1.12  Ext.form.Checkbox	408
22.1.13  Ext.form.Radio	408
22.1.14  Ext.form.CheckboxGroup	409
22.1.15  Ext.form.RadioGroup	410
22.1.16  Ext.form.HtmlEditor	411
22.1.17  Ext.form.Hidden	411
22.2  表单字段和表单验证	411
22.2.1  验证消息	412
22.2.2  高级验证技术	413
22.2.3  表单级验证	414
22.3  其他功能	414
22.3.1  状态管理	414
22.3.2  浏览器历史	415
22.3.3  视觉效果	416
22.3.4  拖放	416
22.3.5  工具栏和菜单	416
22.3.6  主题	417
22.3.7  树	417
22.3.8  键盘导航	417
22.3.9  其他更多技术	417
22.4  本章小结	418
第Ⅳ部分  Dojo
第23章  利用Dojo核心增强开发	421
23.1  获取Dojo	421
23.1.1  通过AOL CDN使用Dojo	421
23.1.2  下载最新的Dojo发行版本	422
23.1.3  尝试尚处于开发阶段
的Dojo	422
23.2  尝试使用Dojo	422
23.3  研究Dojo核心	427
23.3.1  声明、加载和提供依赖项	428
23.3.2  定义类和使用继承关系	430
23.3.3  在HTML标记中声明对象	433
23.4  本章小结	438
第24章  操作DOM	439
24.1  查找DOM元素	439
24.1.1  利用dojo.byId查找DOM
元素	440
24.1.2  利用dojo.query查找元素	440
24.2  处理DOM元素列表	443
24.2.1  过滤和优化节点列表	443
24.2.2  处理节点列表	452
24.2.3  使用NodeList的其他方法	460
24.3  本章小结	460
第25章  处理事件	461
25.1  响应页面加载和卸载事件	461
25.2  连接到DOM事件	463

25.2.1  将内联处理程序连接到
事件	464
25.2.2  将全局函数连接到事件	464
25.2.3  将对象方法连接到事件	465
25.2.4  断开与事件的连接	466
25.2.5  特殊的事件处理与事件
对象	467
25.3  连接到对象方法	468
25.4  利用NodeList建立连接	470
25.5  发布与订阅事件主题	473
25.5.1  结合使用事件主题与DOM
事件处理程序	473
25.5.2  将对象方法用作订阅者	476
25.5.3  取消订阅已发布的消息	477
25.5.4  将对象方法转换成发布者	477
25.6  使用Dojo行为	479
25.6.1  利用行为查找节点并建立
连接	479
25.6.2  利用行为连接对象方法	481
25.6.3  利用行为发布事件主题	482
25.7  本章小结	483
第26章  编排动画	485
26.1  对CSS样式属性制作动画	485
26.2  使用淡入淡出转换	488
26.3  使用擦除转换	489
26.4  使用滑动动画移动元素	490
26.5  使用缓动控制运动	492
26.6  顺序链接动画	495
26.7  以并行方式组合动画	496
26.8  使用NodeList动画方法	498
26.9  研究动画对象	500
26.10  本章小结	505
第27章  处理AJAX和动态数据	507
27.1  建立简单的Web请求	507
27.1.1  建立简单的请求并处理
响应	508
27.1.2  使用一个处理程序同时处理
错误和成功响应	510
27.2  利用Deferred处理Web响应	511
27.2.1  为成功和错误响应注册
处理程序	511
27.2.2  在一次调用中注册错误和
成功处理程序	512
27.2.3  注册一个同时处理错误和
成功响应的处理程序	513
27.3  处理响应格式	514
27.3.1  处理文本响应	514
27.3.2  处理XML响应	515
27.3.3  处理JSON响应	516
27.3.4  处理注释过滤JSON响应	516
27.3.5  处理JavaScript响应	517
27.4  指定请求方法	519
27.4.1  构建一个服务器端请求
回应工具	519
27.4.2  尝试多种请求方法	522
27.5  使用请求参数和内容	524
27.5.1  建立带有查询参数的GET
请求	524
27.5.2  建立带有响应正文参数的
POST请求	526
27.5.3  建立带有原始正文内容的
POST请求	527
27.6  利用就地请求增强表单	528
27.7  使用跨域的JSON源	535
27.7.1  通过轮询变量来加载JSON	536
27.7.2  利用回调加载JSON	539
27.8  利用IFrame建立请求	541
27.8.1  利用代理脚本打包IFrame
数据	541
27.8.2  利用IFrame处理响应格式	542
27.8.3  利用表单和IFrame
上传文件	543
27.9  本章小结	550
第28章  利用窗口部件构建用户界面	551
28.1  构建并验证表单	551

28.1.1  使用JavaScript实例化窗口
部件	554
28.1.2  在HTML标记中声明
窗口部件	555
28.1.3  利用正则表达式验证输入	556
28.1.4  在提交时实施表单验证	557
28.1.5  处理数字与货币值	559
28.1.6  处理日期和时间字段	561
28.1.7  增强单选按钮和复选框	563
28.1.8  使用滑块进行离
散值的选取	568
28.1.9  使用动态文本区域和富文本
编辑器	570
28.2  管理应用程序布局	571
28.2.1  搭建应用程序布局页面	572
28.2.2  将ContentPane用作布局
构建块	573
28.2.3  利用BorderContainer管理
布局区域	574
28.2.4  利用StackContainer管理
内容可见性	576
28.2.5  利用AccordionContainer
切换内容窗格	582
28.2.6  利用TabContainer构建选项卡
式的内容窗格	584
28.2.7  利用SplitContainer划分
布局区域	586
28.3  创建应用程序控件和对话框	588
28.3.1  构建可单击按钮并为其编写
脚本	589
28.3.2  编排弹出式上下文菜单	591
28.3.3  组合按钮和菜单	594
28.3.4  利用按钮和菜单构建
工具栏	595
28.3.5  利用进度条提供完成进度
反馈	596
28.4  对窗口部件应用主题	598
28.4.1  检查窗口部件的DOM结构	598

28.4.2  加载主题并将其应用于
窗口部件	600
28.4.3  定制并检查可用主题	601
28.5  本章小结	602
第29章  构建和部署Dojo	603
29.1  研究Dojo构建	603
29.2  查找构建系统	604
29.3  创建自定义构建配置文件	604
29.4  生成自定义构建	606
29.5  检验并使用自定义构建	607
29.6  本章小结	609
第30章  扩展Dojo	611
30.1  研究DojoX子项目	611
30.2  尝试高级窗口部件	612
30.2.1  构建鱼眼菜单	612
30.2.2  利用Toaster窗口部件建立
动画通知	613
30.3  采用高级表单验证辅助函数	614
30.4  从模板生成内容	617
30.5  绘制形状以及呈现图表	621
30.5.1  绘制形状和线	621
30.5.2  呈现图表和曲线图	622
30.6  使用编码和加密例程	624
30.6.1  生成MD5散列值	625
30.6.2  采用Base64编码数据	626
30.6.3  采用Blowfish加密数据	628
30.7  导航JSON数据结构	629
30.8  研究DojoX的其他功能	631
30.9  本章小结	632
第Ⅴ部分  MooTools
第31章  利用MooTools增强开发	635
31.1  获取MooTools	635
31.1.1  下载最新的MooTools
发布版本	635
31.1.2  尝试正在开发的MooTools
版本	637
31.2  研究MooTools Core	637
31.2.1  检查MooTools版本	638
31.2.2  确定类型	638
31.2.3  检查已定义的值	639
31.2.4  选择已定义的值	639
31.2.5  选取随机数	639
31.2.6  获取当前时间	639
31.2.7  清除定时器和时间间隔	640
31.2.8  合并和扩展对象	640
31.3  使用数组扩展	641
31.3.1  使用.each()和.forEach()
处理数组项	642
31.3.2  过滤和映射数组项	644
31.3.3  检查数组项的内容	644
31.3.4  将数组项转换成对象属性	646
31.3.5  扩展与合并数组	646
31.3.6  展平嵌套数组	647
31.3.7  利用.link()应用选择规则	648
31.4  使用散列数据结构	649
31.4.1  定义散列和散列快捷方式	649
31.4.2  设置与获取键和值	649
31.4.3  映射和过滤散列	650
31.4.4  使用.every()和.some()
检查散列	651
31.4.5  扩展与合并散列	651
31.4.6  将散列转换成URL查询
字符串	652
31.5  使用字符串扩展	652
31.5.1  检查字符串内容	652
31.5.2  将字符串转换成数字和颜色	653
31.5.3  使用简单的替换模板	653
31.5.4  执行其他的转换	654
31.6  使用函数扩展	654
31.6.1  将函数绑定到对象上下文	655
31.6.2  间歇性地延迟和设置
函数调用	656
31.6.3  尝试带有潜在异常的函数
调用	657
31.7  使用面向对象编程方法	657
31.7.1  构建类和子类	657
31.7.2  将方法和属性注入到
现有类中	659
31.7.3  实现混入类	660
31.8  本章小结	665
第32章  操作DOM以及处理事件	667
32.1  查找DOM元素	667
32.1.1  使用$()和ID查找元素	668
32.1.2  使用$$()和CSS选择器
查找元素	668
32.1.3  导航DOM结构	670
32.2  操作元素样式和属性	672
32.2.1  操作元素CSS类	672
32.2.2  操作元素视觉样式	674
32.2.3  操作元素属性	676
32.2.4  操作扩展的元素属性	678
32.2.5  使用元素存储机制安全地
管理元数据	682
32.3  修改DOM结构	683
32.3.1  创建新元素	683
32.3.2  复制元素	684
32.3.3  获取元素	685
32.3.4  注入元素	685
32.3.5  创建并附加文本节点	686
32.3.6  替换和包装元素	686
32.3.7  接纳元素	686
32.3.8  销毁和清空元素	687
32.4  附加监听程序并处理事件	687
32.4.1  响应页面加载和卸载事件	688
32.4.2  添加和删除事件处理程序	689
32.4.3  检查事件包装器对象	694
32.5  本章小结	699
第33章  简化AJAX以及处理动态
数据	701
33.1  操作浏览器cookie	701
33.1.1  使用cookie函数	702
33.1.2  使用cookie支持的散列	703
33.2  动态加载页面素材	704
33.2.1  加载JavaScript和JSON源	705
33.2.2  包含额外的CSS样式表	706
33.2.3  获取图像和图像集合	707
33.3  建立Web请求	709
33.3.1  执行基本的Web请求	710
33.3.2  获取和更新HTML内容	716
33.3.3  请求并使用JavaScript 
和JSON数据	719
33.4  本章小结	722
第34章  构建用户界面以及使用
动画	723
34.1  编排动画	723
34.1.1  检查元素大小和位置	725
34.1.2  使用MooTools Fx编排
动画	727
34.1.3  研究预制动画和效果	731
34.1.4  使用Fx.Slide动画	732
34.1.5  使用Fx.Scroll动画	733
34.1.6  研究MooTools Fx.
Transitions	734
34.1.7  研究动画事件	737
34.1.8  利用Fx.Morph对多个属性
制作动画	740
34.1.9  利用Fx.Elements对多个元素
制作动画	742
34.2  使用用户界面窗口部件	744
34.2.1  构建折叠布局	744
34.2.2  向页面导航中添加
平滑滚动	748
34.2.3  启用可拖动元素	749
34.2.4  自动滚动窗口和元素	753
34.2.5  启用拖放目标	754
34.2.6  构建可排序列表	756
34.2.7  使用工具提示	759
34.2.8  构建滑块控件	762
34.3  本章小结	764