JavaScript框架高级编程 应用Prototype、YUI、Ext JS、Dojo、MooToolsPDF电子书下载

第Ⅰ部分Prototype 3

第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.4update 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、 removeCLallName和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库 85

第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 set5tyle方法 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 函l数 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 YUl 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章 使用YUl 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 313

第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 Extextend和构造数约定 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.createlnterceptor 320

17.4.4 Fumction.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.ColunmLayout 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.1Ext.data.Record 373

20.2.2Ext.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.2DataView事件 392

21.2 Ext.grid.GridPanel 393

21.2.1Ext.grid.ColumnModel 394

21.2.2Ext.grid.AbstractSelectionModel 397

21.2.3 Ext.grid.CellSelectionModel 397

21.2.4 Ext.grid.RowSelectionModel 397

21.2.5 Ext.grid.CheckboxSelectionModel 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.6Ext.form.NumberField 407

22.1.7Ext.form.TextArea 407

22.1.8Ext.form.TriggerField 407

22.1.9Ext.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.HtmIEditor 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 421

第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.byld查找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

第V部分MooTools 635

第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