这些勘误信息主要来自@凌空一叶同学，特此致谢！

需要特别说明的是，图灵公司自今年以来，面向广大读者推出了“图灵5周年系列活动之‘有奖DEBUG’活动”。只要读者针对图灵公司新近出版的图书提交勘误，经过确认，每个错误向读者赠送价值5元的“购书码洋”，待累积到一定数额，就可以换取等值图书。此举旨在鼓励读者反馈勘误，提升图书质量。活动详情请参见：http://www.turingbook.com/Newswires/ShowNewswire-174.aspx。

欢迎广大读者朋友踊跃迅速地反馈勘误信息，以便在后续印次及时更正，惠及更多读者。反馈勘误之前，请务必注意：

1. 为了确保您的反馈得到积分奖励，请统一到图灵公司网站本书页面（附后）提交勘误；
2. 请不要重复提交已经确认的勘误，在提交勘误前，请先查阅已经确认的勘误；
3. 已经确认的勘误不再积分，未确认的勘误，只给先提交的读者计算积分。

提交勘误，请到如下页面：

• 到图灵公司本书页面提交勘误（点击右下方蓝色“提交勘误”链接）

查看勘误，请到如下页面：

• 图灵公司的勘误页面
• 译者整理的勘误页面（http://tinyurl.com/js2nd-errata）

1、发邮件到：lisf@turingbook.com。
2、邮件主题：《JavaScript高级程序设计（第2版）》样章；邮件内容：您的Email地址。
3、24小时内收到样章，先睹为快！

第3章 基本概念
第4章 变量、作用域及内存问题
第5章 引用类型

本书是人民邮电出版社图灵公司引进出版的大畅销书、JavaScript权威著作《JavaScript高级程序设计》的最新升级版。《JavaScript高级程序设计》自2006年11月出版以来，已经累计销售逾30000册，而且至今仍然十分畅销。这一点可以通过北京新华文化发展有限公司（新华书店）近期的店面销售数据看出来（大家可以自行比较一下其他畅销书的销量）。应该说，在Web 2.0革命爆发的同时，人民邮电出版社图灵公司引进出版的本书成就了计算机图书市场上难得一见的奇迹。

本书作者尼古拉斯·扎卡斯（Nicholas C. Zakas）现为Yahoo!公司首席前端工程师，世界顶级Web技术专家。原书第1版曾被选为Yahoo!公司YUI（Yahoo! User Interface Library，Yahoo!用户界面库）团队的内部培训教材。

2009年初，本书第2版面世（《Professional JavaScript for Web developers, 2nd Edition》）。新版本不仅篇幅由原来的600多页增加到800页，而且几乎全部更新、重写了上一版的内容，删除了上一版中与今天的职业需求无关的主题，新增了大量比上一版更有价值、更能反映JavaScript最新发展成果的内容。从颇具深度的JavaScript语言基础到作用域（链），从JavaScript引用类型到面向对象编程的最佳实践，从极其灵活的匿名函数到闭包的内部机制，从浏览器对象模型（BOM）到客户端检测，从文档对象模型（DOM）到基于事件的Web脚本编程，从错误处理到前端调试，从XML（E4X）到Ajax及JSON，从高级前端开发技术到前沿的客户端存储，从最佳编程实践到展望即将成为现实的API，直至JavaScript未来的发展。全书彻底涵盖了JavaScript技术的各个方面，几乎涉及到了Web前端开发的每一处细节。可以预见，这部著作一定会成为Web前端开发人员不可多得的又一部经典。

目前，《JavaScript高级程序设计（第2版）》的翻译工作已经进入后期阶段（全书22章，所剩不到5章）。而且，为确保新版及时上市与读者见面，出版社采取了与译者同步翻译、同步编辑审校的特别措施。新版本预计2010年上半年可以上市；当然，在确保出版品质的前提下一定会尽量往前赶！

第3章 基本概念 1
3.1 语法 1
3.1.1 区分大小写 1
3.1.2 标识符 1
3.1.3 注释 2
3.1.4 语句 2
3.2 关键字和保留字 3
3.3 变量 4
3.4 数据类型 5
3.4.1 typeof操作符 5
3.4.2 Undefined类型 6
3.4.3 Null类型 7
3.4.4 Boolean类型 7
3.4.5 Number类型 8
3.4.6 String类型 14
3.4.7 Object类型 16
3.5 操作符 17
3.5.1 一元操作符 17
3.5.2 位操作符 20
3.5.3 布尔操作符 26
3.5.4 乘性操作符 29
3.5.5 加性操作符 30
3.5.6 关系操作符 32
3.5.7 相等操作符 34
3.5.8 条件操作符 35
3.5.9 赋值操作符 36
3.5.10 逗号操作符 36
3.6 语句 37
3.6.1 if语句 37
3.6.2 do-while语句 38
3.6.3 while语句 38
3.6.4 for语句 38
3.6.5 for-in语句 40
3.6.6 label语句 40
3.6.7 break和continue语句 41
3.6.8 with语句 42
3.6.9 switch语句 43
3.7 函数 45
3.7.1 理解参数 47
3.7.2 没有重载 48
3.8 小结 49

第4章 变量、作用域和内存问题 1
4.1 基本类型和引用类型的值 1
4.1.1 动态属性 2
4.1.2 复制变量值 3
4.1.3 传递参数 4
4.1.4 检测类型 6
4.2 执行环境及作用域 6
4.2.1 延长作用域链 9
4.2.2 没有块级作用域 10
4.2.3 声明变量 10
4.2.4 查询标识符 11
4.3 垃圾收集 12
4.3.1 标记清除 12
4.3.2 引用计数 13
4.3.3 性能问题 14
4.3.4 管理内存 15
4.4 小结 15

第5章 引用类型 1
5.1 Object类型 1
5.2 Array类型 3
5.2.1 转换方法 6
5.2.2 栈方法 7
5.2.3 队列方法 8
5.2.4 重排序方法 9
5.2.5 操作方法 11
5.3 Date类型 12
5.3.1 继承的方法 14
5.3.2 日期格式化方法 15
5.3.3 日期/时间组件方法 15
5.4 RegExp类型 17
5.4.1 RegExp实例属性 19
5.4.2 RegExp实例方法 19
5.4.3 RegExp构造函数属性 21
5.4.4 模式的局限性 23
5.5 Function类型 23
5.5.1 没有重载（深入理解） 25
5.5.2 函数声明与函数表达式 25
5.5.3 作为值的函数 26
5.5.4 函数内部属性 27
5.5.5 函数属性和方法 29
5.6 基本包装类型 31
5.6.1 Boolean类型 32
5.6.2 Number类型 33
5.6.3 String类型 35
5.7 内置对象 42
5.7.1 Global对象 43
5.7.2 Math对象 46
5.8 小结 49

第3次印刷译者附注

本书自出版以来，受到了广大读者的热烈欢迎。本次印刷对第1次印刷中发现的错误和不妥之处进行了修订。同时，针对读者反馈中比较有代表性的问题，特作如下说明。

1. jQuery版本变化对本书的影响

本书英文原版在写作时，jQuery的最新版本是1.1。到了中文版出版时，jQuery 1.2已经发布了。由于新版本中的一些特性发生了变化，导致本书少量内容与新版本不一致，而且个别示例在新版本下不能运行。其中，主要是jQuery 1.2取消了对XPath选择符的支持（原因是XPath选择符可能会导致性能问题）。为确保使用新版本jQuery的读者能正常运行本书相关示例，现给出两种解决方案：第一种是继续使用XPath选择符，但必须下载Basic XPath插件，下载地址是http://plugins.jquery.com/project/xpath。插件实际上也是一段jQuery脚本，使用时把它贴到你自己编写的jQuery代码前面即可。这样，你的jQuery代码就可以支持XPath选择符了。第二种就是避免使用XPath选择符。对于本书个别示例中使用的XPath选择符，可以尝试把它们修改为其他等效的选择符——例如，把$(‘tr:not([th])’)修改为$(‘tr:not(:has(th))’)。

2. 阅读本书的背景知识

本书作为介绍流行JavaScript库——jQuery的全球第一部著作，内容丰富、通俗易懂，深受广大读者的喜爱，是学习jQuery的必读图书。但是，由于少数读者对HTML、CSS、JavaScript以及DOM的相关知识掌握还不十分全面，造成了在理解本书个别示例时的困难。如果读者感觉自身还缺少某方面的基础知识，可以结合相关技术书籍和本书共同学习，互为参考，以达到齐头并进的学习效果。在此，推荐人民邮电出版社出版的下列图书。

• 《HTML XHTML CSS基础教程》
• 《写给大家看的CSS书》
• 《JavaScript基础教程》
• 《JavaScript DOM编程艺术》

3. 推荐两个实用的小技巧

（1）有读者反映，在将示例中的提示换成中文时，在某些浏览器中显示不正常——显示乱码。这是一个在学习外版书时普遍存在的问题。由于国外作者保存示例代码文件（.js）或网页文件（.html）时，通常默认采用ANSI编码，而这种编码只支持西方字符。因此，如果要在代码或示例中使用中文，一定要记住把这个文件另存为UTF-8编码格式。

（2）从jQuery 1.2开始，Google为jQuery提供了CDN（Content Delivery Network，内容分发网络）支持，以便用户的浏览器从位于全球各地的Google服务器上就近加载jQuery。这是目前使用JavaScript库的一种最流行、最方便、最快捷的方式。如果读者在试验本书示例时不想把jQuery库下载到本地，也可以使用这种远程加载方式——只要把本书示例页面中的下面这行代码：<script src=”jquery.js”></script>

替换成以下代码即可：

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js” type=”text/javascript”></script>

当然，还有个前提，就是你的电脑必须连接到了互联网。

你在阅读和学习过程中，有任何问题，欢迎致信contact@turingbook.com。

最后，祝你阅读愉快！

Adobe Flex 3是开发富Web应用的完整平台，有着简单易用的开发环境（Flex Builder）和酷似JavaScript的编程模型。Flex 3内置了企业级的数据和服务组件，可以与Java、PHP及Rails轻松整合。而且，Flex的绝大部分组件都已经开源，因此使用成本为零！

本书开篇介绍了Flex 3的入门知识和ActionScript。接着，又从实用的角度出发，耐心细致地讲解了Flex的每一个重要组件。精心挑选的示例、精准到位的阐释，把读者的注意力完全集中在了相关标签或类的关键属性、方法和事件上面。本书以Flex事件为轴心，毫无保留地展示了调试事件驱动应用程序的各种技巧。读者的JavaScript或ActionScript知识会有所帮助，但并不是必需的。而且，可以没有任何Flex经验。

本书特色

• 充分利用读者现有的各种Web开发技能
• 透视交互式表单、拖放、数据驱动的内部奥秘
• 全面展示Flex 3新特性，如内存和性能分析程序、AdvancedDataGrid、重构
• 手把手教会读者如何有效地在多个项目间共享代码

本书宗旨

Flex是事件驱动、面向对象的应用程序框架和编程语言，使用它可以构建引人注目且容易扩展的RIA（Rich Internet Application，富因特网应用程序），这种应用程序运行于Adobe Flash环境中。

历史上看，Web应用程序的优势在于快速开发和及时响应市场需求，但这一优势往往以牺牲最终用户的易用性为代价。Flex则既确保了集中部署的快速转换模型，又为开发人员提供了实现易用性的强大支持。

初次接触Flex的人往往面临不同的挑战。首先，许多开发人员不熟悉事件驱动技术。虽然他们大致了解事件驱动的概念，但却缺乏长期的使用经验。在这种情况下，很难充分发挥这种技术的长处；更重要的，是无法让自己的工作更富有成效。

第二个挑战源于许多开发人员长期固守当前技术领域。由于人们习惯于既有的思维方式，因此这些人往往会将自己对HTML的经验移植到Flex中。这种借鉴虽然有一定意义，但却会让自己的创造力受到约束。

第三个挑战是由Flex本身的强大所导致的复杂性。尽管Flex本质上并不复杂，但毕竟很多Web应用程序技术都是过程式、非事件驱动的，因此某些读者很可能在接触简单示例时感觉比较容易，而一旦深入下去，就会发现还有很多需要理解的概念。

本书将面对这些挑并给出解决方案，而这也是本书的独到之处。对第一个挑战，本书会通过不断提醒读者该如何利用事件对象，来强化Flex的事件驱动本质。而且，还将就完成同一任务给出多种实现方式，并辅之以对每种方式利弊的分析，以加速读者的理解。

至于第二个挑战，我们不会否定读者已有的技能，也明白你可能拥有另一种技术背景。我们也有同样的经历，体验过摆脱业已习惯的思维模式时的心理转换。本书时不时会对如何利用某个特性给出建议。

谈到第三个挑战——复杂性，本书的使命就是让读者在短时间内成为一位高效的Flex开发人员。为此，我们综合运用了一些技巧，包括设计一些容易理解的小例子。而且，我们也会尽量利用你现有的技能，将使用其他技术和使用Flex解决同一个问题联系起来。另外，本书所有章节都是按构建应用程序的逻辑顺序组织的，先介绍简单的内容，然后循序渐进地讨论新知识。

放心，这本书你选对了。我们就是你的技能和职业生涯更上一层楼的引路人。不过，有一个问题我们解决不了。那就是当用户因感激而对你大加赞赏时该怎么办——这个问题必须由你自己来回答！

本书结构

第1章介绍Flex。其中，讨论了Flex适合解决的问题及解决方法。之后，为读者提供了说服所在部门、消费者或客户接受Flex的重要理由。本章还讲述了Flex的工作原理和事件的概念，明确了Flex在Adobe产品套件中所处的位置。

第2章介绍构建Flex应用程序涉及到的工具、环境和语言。为了加深读者对事件的理解，本章再次提到了事件。

第3章介绍Flex的核心语言——ActionScript。ActionScript是遵循ECMAScript标准实现的一门面向对象的语言，它成就了Flex。本章讨论了数据类型、运算符、循环、条件等概念。熟悉ActionScript是必需的，因此读者有必要提前掌握这门语言。
第4章介绍应用程序的布局。讨论了如何定位显示对象和使用容器对视觉对象分组。

第5章介绍如何通过表单捕获用户输入。Flex具有类似HTML的表单输入控件，但也包含很多HTML中没有的控件。

第6章接着第5章的主题，继续讨论如何使用Flex的验证程序验证用户输入。从易用性角度讲，事先验证可以节省用户的时间和省去不必要的麻烦。

第7章转而介绍使用格式化程序来格式化原始信息。经常与验证程序一起使用的格式化程序，解决了手工格式化数据的大问题。

第8章探索Flex中最常用的结构——基于列表的组件。列表是一种数据驱动的组件，它能够以列表形式自动呈现数据源中的数据。

第9章继续讨论列表，但专门介绍创建自定义列表的方法，包括简单的方法和使用全功能的项目渲染器自定义显示。本章也介绍了支持就地编辑的编辑器。

第10章专题讨论事件。这一章将介绍如何最低限度地使用事件；但是，本章通过深入介绍事件的工作机制把事件的应用提升到了一个新的层次。

第11章展示如何在应用程序中添加导航组件，以便用户在不同功能间切换。

第12章讨论扩展应用程序导航功能的弹出式窗口。探索了应用程序与弹出式控件间交换信息的通信机制。

第13章介绍应用程序流的概念并讨论Flex中被称为视图状态的独有特性。通过这种机制在应用程序中配置不同的视图，可以节省很多开发时间，同时也提供了在视图间切换的便捷方式。

第14章开始讨论有关数据操作的主题，尤其是在应用程序与后台服务间实现数据交换。包括通过HTTP连接到支持Flex本地二进制协议（AMF）和XML的服务器及Web服务。

第15章深入讨论处理XML。XML是一种应用广泛的语言；但Flex率先支持了E4X语法，因而可以像操作本地Flex对象一样处理XML。

第16章介绍对象和类。毕竟，Flex是一种面向对象的语言。虽然基于标签的MXML语言同样优秀，但熟悉创建和使用ActionScript对象的方法只会提升你的开发技能。

第17章详细介绍如何将占用大量开发时间的程序转换为自定义组件。自定义组件是把应用程序分割成小型、易管理、可重用部分的主要手段。

第18章专注于应用程序的结构，并介绍Flex的可重用特性，包括在多个项目与编译的共享功能库之间共享自定义组件。

第19章讨论自定义体验。包括使用Flex的CSS样式、皮肤和主题。还介绍了图像和字体。

第20章介绍Flex最酷的特性——效果。效果是应用程序中吸引眼球的元素。同时，本章还会讨论如何通过效果增强易用性。

第21章详细介绍拖放功能。拖放功能涉及很多组件，但从易用性的角度说，拖放通过加快工作流能为用户节省一些点击操作。

第22章讨论图表。介绍各种类型的图表并对每种类型的适用情况给出建议。此外，还讨论了图表的组成部分及如何自定义图表。

第23章讲述测试与调试。此时，我们关注的是整个项目和QA（质量保证）循环。知道怎样调试应用程序和如何隔离问题是关键。Flex内置了许多相关特性，但本章也讨论了第三方工具。

第24章专注于项目的收尾。包括添加打印功能、使用包装器加载应用程序和制定版本规划以便部署应用程序的产品构建。

在第24章之后，我们为读者提供了参考用的开发人员资源、讨论组、开源项目、Flex技术体系及北美和国际性用户组的链接。

Tariq Ahmed

多年来，我一直都在找寻一种方式，一种能够带给用户更好的在线体验的方式。而且，这个找寻历程从Google革命性的Google Maps站点引起轰动之前就已经开始了。我的意思是说，Web用户在很长一段时间里，都不知道还能有什么更好的在线体验。

在把Web当作文档发布系统使用的若干年里，用户体验曾一度在强大的本地桌面应用和乏善可陈的HTML应用之间摇来摆去。但是，贫乏的用户体验并没有对HTML和Web构成冲击——Web作为平台中立的文档发布系统，事实上是非常名符其实的。开发人员和公司专注于Web是因为它支持快速应用程序开发，而用户之所以接受眼前的一切则是由于——嗨！Web应用程序就是这个样子的。真的就是这个样子吗？

有件事曾令我百思不得其解。每次点击都会导致后台系统执行许多代码，而结果反映到UI上却只是一点点变化。而比这更糟的则是对数据库服务器频繁密集的访问。对一名技术人员来说，解决这个问题最简便的办法就是多加内存、使用虚拟机装载，或者少花钱多采购一些杂牌服务器，然后大功告成。但是，我更关心用户要为此付出什么代价。他们会对Web应用程序中常见的点击加等候习以为常；而且，对UI也没有多大的操作自由。不错，可以使用JavaScript；然而，这只是在掌握更高级技术之前的选择。从投入产出角度讲，这样做往往得不偿失。

这时候，Java Applet和Flash问世了，而且乍一看它们正是我要找寻的东西。实际上，Applet作为一个解决方案并不合适，它的体积太大，下载也很慢，况且不能跨平台使用。Flash挺有希望的，可是在设计师的工作环境中创建企业级应用程序，仍然不免有缘木求鱼的味道。

我在eBay的知识管理部门工作期间，也遇到了相同的问题。我需要找到一种方式，能够抽象出数据的复杂性，并且能让用户在可视的环境中方便地操作这些数据。

既而，Flex在2004年发布了（最初是V1，很快就是V1.5）。我当时有权作出采用它的决定，我们的团队也因使用它而感受到了完全不一样的体验。当时，我就知道Flex前途无量。因为Flex应用程序既具有桌面应用程序的强大特性，又能满足软件团队快速开发的需求。

作为Flex支持者，我把推动Flex社区发展当作自己的一项使命。我创建了CFLEX.Net（www.cflex.net），并坚信这个社区的规模越大，通过知识和代码共享产生的反推力也将越大，借此就可以促进这项技术的更快普及。毕竟，强有力的支持网络可以降低在组织中引入新技术的风险。

作为较早采用Flex的人，我在学习Flex的过程中走过不少弯路。主要原因是当时缺少相关书籍和参考资料。这种局面在Flex 2发布后得到了改观，大量的学习资源开始涌现。

我在2005年底离开eBay加入Amcom Computer Services，并在那里创建和管理一个开发团队。同学习任何新技术一样，要熟练掌握Flex也不容易。因此，最好的办法就是不断提升技能。在培训开发人员使用Flex的过程中，我发现市面上的某些图书常常言不及义，很多显而易见的问题都没有提到。

为了进一步推动Flex社区的发展，我决定写作本书，希望它能解决读者经常会遇到的问题。本书一反按功能特性布局谋篇的常见模式，改为按创建应用程序的自然进程组织内容。我只在必要时介绍必要的知识，不会过早地讨论复杂主题。同时，着意缩短的示例代码，也将有助于读者理解和上手。另外，我还发现把新事物与已知事物联系起来，可以增强学习效果。因此，在适当的情况下，我会尽可能拿其他技术的实现原理来进行类比。

希望读者通过阅读本书能够深入理解Flex，并最终加入到Flex社区中——因为届时你也能够向周围的人共享自己的知识和经验。

而现在，则是准备学习Flex的时候。随着社区逐步发展壮大，越来越多第三方厂商会发布与Flex有关的技术，Flex用户组也会在世界各地不断涌现。

随着其他厂商的先后跟进，RIA领域将迅速升温——Adobe再次证明自己走在了前列。我们正处于一个令人振奋的时代！以HTML为基础的Web应用程序始终会占有一席之地；然而，现在是该把你的技能提升到一个新高度的时候了。因为，这个产业的向前发展不会以个别人的意志为转移。

现在请坐下，系好安全带，旅行就要开始了！

TARIQ AHMED

Ryan Stewart

创建RIA（Rich Internet Applications，富因特网应用程序）的技术早于这个概念很久就出现了；Flash Platform是从v8开始支持RIA的。然而，Flash最初的定位只是一种发挥设计人员创意的环境，并不适合开发人员使用。

如果读者使用Flash开发应用程序，那么仍然需要跨越很大的障碍。首先，以高效快捷的方式发布囊括众多功能的富应用程序，就是一项严峻的挑战。因为，你必须亲手完成其中的绝大部分工作。

问题其实很简单：最好是有一个纯粹的开发环境，既能利用业已受到广泛支持、性能优越的Flash，又能直接满足开发人员及其系统开发的需求。为开发人员提供一个得力的工具，再配备一个能替他们完成大多数繁琐工作的框架，从而让他们把注意力集中到应用程序的逻辑上来。这个问题的解决方案就是Flex。

Adobe FlexFlex自2004年3月由Macromedia发布起，已经过了多年的发展。而且，紧随第一版之后发布的1.5版，同年就取得了更好的销售业绩。Flex最早是作为一种服务器产品开发的，广告里也把它作为在Flash Platform上创建应用程序的一种工具来宣传。
这个工具的推出开启了一个新时代，也点燃了RIA的燎原之火。随着基于Flex的RIA日益受到人们关注，事实已经证明确实存在对RIA的需求，而这种技术手段赖以发展的基础也已具备。下一步就是把RIA推向规模化。

后来，在Adobe的品牌下，这个产品以2006年6月发布的Flex 2为标志取得了巨大的飞跃。主要表现在对语言（ActionScript 3）的重新实现和对Flash Player（V9）的重要升级，极大的提升了它的性能。

而且，开发环境转换到Eclipse平台，也坚定了程序员们的信心。Flex 2关注的是基础开发与服务器端数据管理的衔接问题。我们也知道，首次以免费方式发布的用于编译Flex应用程序的SDK还处在IDE外部。最终，服务器端组件发展成了Flex Data Services，即目前的LiveCycle Data Services，该服务支持实时数据共享。

这些改变都有助于形成更明确的RIA思想，即在浏览器中提供一种桌面应用程序般的体验。而此时，RIA最需要的就是社区支持。

Twitter

Tariq Ahmed

Tariq AhmedTariq也发现了社区支持的重要性，并走在了前列。为此，他创建了第一个专注于Flex的门户社区，即Community Flex （CFLEX.Net）。

CFLEX.Net中汇集了引导人们学习这个新框架的大量经验、技巧、博客、新闻和技术文章。Tariq是社区发展初期上述内容的主要发布者，而我就从他那里学到了很多Flex技能。

Tariq很早就认识到了数据服务及实时数据对于RIA的重要性。他构建了很多Flex应用程序，从企业内部以业务为核心的系统，到面向外部用户的各种项目。他几乎理解并使用了这个平台提供的所有特性，而这也决定了他非常适合成为一本Flex书的作者。我相信，这本由业内专家亲自捉刀撰写的书，正是读者朋友们期待已久的。

Flex 3的发布，把我们带到了这个框架和这门技术的新阶段。Adobe对Flex平台的很多组件开源，目的就是让Flex尽可能透明化，从而有利于接收来自社区的有价值的反馈（当然，也包括有价值的代码）。

随着Adobe AIR的发布，开发人员现在又可以使用Flex部署桌面和基于浏览器的应用程序了。

Adobe过去曾以其伟大的设计工具而闻名。Flex 3是允许设计人员与开发人员紧密协作的第一个工具，可以为设计出漂亮美观的Flex应用程序提供强大支持。此外，这个框架和Flex Builder中包含的大量有助于提高效率的增强，降低了新开发人员使用Flex的门槛，也有助于他们开发出容易扩展的应用程序。

无论你有什么样的开发背景，也不管你对Flex了解多少，相信本书一定会成为你的得力助手。应该说，任何人都可以从本书中学习到有用的东西。Tariq与另外两位作者Jon和Faisal，为我们奉献了一本必备的Flex佳作。别忘了，本书出自深受人们喜爱、拥有许多必知必会资源的Flex社区——CFLEX.Net的头号人物之手。

Adobe Systems, Inc. 平台推广专家
Ryan Stewart

重读斯文，触动最大的是形容词那一节，因为该节正击中了我在翻译中的“要害”——形容词前置过多，后饰不足。余先生原文有言：

“形容词或修饰语（modifier）可以放在名词之前，谓之前饰，也可以跟在名词之后，谓之后饰。……”

“目前的白话文，不知何故，几乎一律前饰，似乎不懂后饰之道。例如……‘我见到一个长得像您兄弟的男人。’（I saw a man who looked like your brother）却很少人会说：‘我见到一个男人，长得像你兄弟。’如果句短，前饰也无所谓。如果句长，前饰就太生硬了。例如下面这句：‘我见到一个长得像你兄弟说话也有点像他的陌生男人。’就冗长得尾大不掉了。要是改为后饰，就自然得多：‘我见到一个陌生男人，长得像你兄弟，说话也有点像他。’……”

“后饰句可以一路加下去，虽长而不失自然，富于弹性。前饰句以名词压底，一长了，就显得累赘、紧张、不胜负担，所以前饰句是关闭句，后饰句是开放句。”

几句话，完全点到了我在英译汉过程中最常犯的错误。前些天还在与人讨论英文主词之后加N多从句也不显累赘，但翻译为中文却容易捉襟见肘的问题。现在看来，形容词后置，或者从句后置，不失为解决之道。

向后兼容

Dojo1.2中添加了一些新特性，也修改和废弃了一些原有特性。不过，最重要的是，Dojo1.2的主体仍然保持与Dojo1.0和Dojo1.2向后兼容。对此，“迁移问题”中会详细介绍。

Core及相关的库

键盘事件

为防止将可打印字符键错误地识别为功能键（例如，在IE中，左括号与向下箭头键的keyCode相同），新增了charOrCode属性，不推荐使用keyChar。

浏览器检测

消除了dojo.isIE、dojo.isFF、dojo.isSafari等属性“错误的”返回值。在用户代理不是指定浏览器的情况下，这些属性现在的返回值是undefined而不再是0，但在条件正确的情况仍然会返回版本号。

dojo.cldr

dojo.cldr已经从CLDR1.5.1更新为1.6。由于地区表已经更新，因此格式化字符串或使用dojo.date.locale、dojo.number、dojo.currency等包解析的用户字符串有可能与以前版本不一样。

djConfig.addOnLoad

通过dojo.addOnLoad添加了一个新回调函数。

在djConfig.isDebug=true的情况下，try/catch行为将发生变化

以前，当Core中某些模块（XHR、Deferred、dojo.addOnLoad回调代码）发生的错误被捕获后，要么通过控制台进行报告，要么另行抛出，导致难以追踪错误的起因。虽然这样有利于代码稳定，但从开发角度看，却不利于发现错误。现在，相关模块会让最初的异常向上冒泡，并在djConfig.isDebug设置为true的情况下停止JavaScript的执行。如果diConfig.isDebug被设置为false（或undefined），则使用try/catch结构并通过控制台记录错误。

dojo.fx.easing

以前的dojo.fx.easing已经被提升到Core中，并可以通过dojo.require(“dojo.fx.easing”)加载。

dojo.html.set()

新增特性，用于在ContentPane外部使用类似ContentPane的功能。

Dijit方面的增强

易用性及观感的增强

在Dojo1.2中，Dijit的外观和易用性获得了较大增强。

_Widget.attributeMap

现在，attributeMap也可以处理innerHTML和类名了。可以把attributeMap的作用想象成绑定部件属性与DOM节点。

_Widget.placeAt

placeAt()是一个新的domNode操作方法，用于简化对部件的domNode的连缀和放置操作（或通过addChild()将部件的domNode添加到其他部件中）。

动画

加快了部件中默认的动画执行时间。现在，可以通过dojo.config.defaultDuration控制动画了。

BorderContainer

修正了窗格布局中缺失边框或出现双边框的问题。通过新的参数gutters=true/false（默认为true）可以为所有窗格添加“外边距”（包括不可调整大小的窗格），从而使窗格与窗格、窗格与BorderContainer之间保持一定距离。

Button

修正了垂直对齐及各种显示问题。

CheckBox

突出显示搜索结果。

FilteringSelect

不必为了让用户能清除下拉列表中的值而放入空值了，用户现在可以使用退格或删除键清除该值。

突出显示搜索结果。

表单验证

增强后的表单部件不会再因为用户输入的值不完整而变黄了。但是，如果用户输入的值无效（哪怕再继续输入更多字符也仍然无效），仍然会变黄……这样用户就不会再感到它们“慌报军情”了。

另外，还为dijit.form.Form部件新增了onValidStateChange连接点，以便能够创建像禁用提交按钮（在表单无效时）之类的行为。

Menu

新增了CheckableMenuItem类。使用这个类，用户在选择菜单项时会伴随一个对勾图标出现或消息（有点类似切换按钮）。

RadioButton

在FF和Safari中实现了类似IE中的获取焦点的效果（标签四周会出现带阴影的线框）。

Tree

解决了水平滚动的问题，而且为每一行都设置了white-space:nowrap，确保标签不会折行显示。

同时还修正了图标与文本垂直的对齐问题。

TimeTextBox

自动滚动

键盘支持

更佳的外观

Tooltip

缩小了箭头图标

Util

util/buildscripts

通过一个新的构建选项可以去掉构建过程中所有JavaScript文件内包含的console.*调用。

stripConsole=normal将去掉除console.warn和console.error之外的所有console.*调用

stripConsole=all将去掉所有console.*调用

警告：如果在使用这个选项时导致了OutOfMemoryError，请参考http://trac.dojotoolkit.org/ticket/7698。

DOH：单元测试框架

新增了一个doh.robot包，以方便为DnD和部件等视觉组件编写单元测试。

在dijit/tests/form/robot中也可以找到一些类似的测试。

迁移问题

在从Dojo1.1迁移到Dojo1.2时，需要对已有应用程序作如下更新：

下载文件或执行JavaScript的链接（dojo.addOnUnload()与dojo.addOnWindowUnload()）

通过dojo.addOnUnload()注册的回调函数以前不能在IE中被触发。现在这个问题虽然已经修正，但是也出现了一个问题。用户在单击下载文件或执行JavaScript代码（即href属性值为javascript:开头）的链接时，会触发window.onbeforeunload事件，而该事件又会触发dojo.addOnUnload回调函数。但是，上述链接通常不会影响页面。因此，如果要在dojo.addOnUnload()中执行破坏性操作，请务必格外小心。

如果需要清理循环引用以避免内存泄漏（除了有用的Dojo代码外），那么可以使用Dojo1.2中新增的dojo.addOnWindowUnload方法，该方法基于window.onunload触发回调函数。dojo.addOnWindowUnload与dojo.addOnUnload的原理相同，但只基于window.onunload事件发生（即页面真正缷载）而触发。在dojo.addOnWindowUnload()回调函数中操作DOM和JavaScript属性时要小心，因为页面的状态不一定可靠。

Editor

出于安全原因，不推荐使用TEXTAREA；而使用DIV。

Widget.arrt()

Widget.arrt()是用于设置/取得所有部件属性的标准接口。旧方法setValue()、setAttribute()和setTitle()仍然存在，但已经不推荐使用。基本上，Widget.attr()与dojo.attr()相似，详细内容请参考http://blog.dojotoolkit.org/2008/08/19/widget-attr。

dijit._Widget.destroy()

对_Widget的.destroy()方法从技术上作了修改。以前，这个方法有一个“已定案的（finalize）”什么也不做的参数。但现在，这个参数被改为了“保护DOM（preserveDom）”，是一个布尔值，表示destory()是否删除与_Widget(this.domNode)关联的domNode。传入“true”，则保留DOM。

dojo.isGears转移到dojo.gears.available

检测Gears的特性转移到了dojo.gears模块中。要检测Gears是否已经安装，首先执行dojo.require(“dojo.gears”)，然后根据dojo.gears.available返回的布尔值确定。

在调用dojo.xhr时，不再推荐使用handleAs: “json-comment-filtered”

如果再使用handleAs: “json-comment-filtered”，会在控制台中看到一条警告消息。

要取消该警告，可以将djConfig.useCommentedJson设置为true。

同时，这也意味着删除了djConfig.usePlainJson标签，因为普通的JSON是优先考虑的，目前使用普通的JSON不会产生警告。

dijit.layout.BorderContainer在所有窗格四周添加了外边距

新参数“gutters”的默认值为true，因此会在所有窗格周围添加“外边距”（即使是大小不可调整的窗格），从而使窗格与窗格、窗格与BorderContainer之间保持一定距离。

目前的主要问题有3个：

Q1：关于DOM文档。查看

这个问题是读者对JavaScript与DOM的关系理解不透造成的。

Q2：关于XPath选择符。查看

这个问题是因为jQuery1.2之后不再内置支持XPath选择符造成的。

Q3：jQuery版本。查看
这个问题与Q2类似，因为《jQuery基础教程》基于jQuery1.1，而很多读者下载的则是更高版本。

Q3：jQuery版本

读者hcq989 ：我是您的读者，在运行随书的源代码时，发现第四章节的代码有问题，在单击Style Switcher时不能实现报控制文字大小的两个按钮向右移动！

错误提示：行5044
Char:5
错误：参数无效

译者： 根据“错误提示：行5044”，我判断是jQuery版本造成的问题。因为只有jQuery源文件才可能有那么多行。《jQuery基础教程》出版时jQuery的版本是1.1，因此如果要运行书中的例子，请读者下载jQuery 1.1。

Q2：关于XPath选择符

读者jamsonwoo：我有一问题请教，请帮看一下哪里错了.<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>Sort</title>
<script src=”../js/jquery.js” language=”javascript”></script>
<script language=”javascript”>
<!–
$(function(){
alert($(“table tr:not([th]))”).length);
$(“table tr:not([th])”).each(function(){
alert($(this).html());
});
});
//–>
</script>
</head>
<body>
<table>
<tr><th>A</th></tr>
<tr><td>B</td></tr>
<tr><th>C</th></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
</table>
</body>
</html>

最后输出的是 5 而不是 3 。 为什么? 谢谢！

但是：

alert($(“table tr:not(:has(‘th’))”).length);

这样可以正确的筛选。输出 3

您的书中P134页底部的代码是怎样做的哦？？？

$(“table.striped tbody tr:not([th]):odd”).addClass(“odd”);
$(“table.striped tbody tr:not([th]):even”).addClass(“even”);

:not([th]) 为什么我用无效？？

译者：这个问题的原因是jQuery 1.2之后不再内置支持XPath选择符；如果在1.2及以上版本中使用XPath选择符，需要下载插件：http://plugins.jquery.com/project/xpath（使用方法如下面代码所示）。

1.2版和1.1版（本书）的区别，请参考：http://www.douban.com/review/1418465/（我在china-pub上面发过）

从插件代码中可见，XPath选择符的确依赖:has()和find()。

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>Sort</title>
<script src=”jquery-1.2.6.min.js” language=”javascript”></script>
<script language=”javascript”>
(function(jQuery){

var find = jQuery.find;

jQuery.find = function(selector, context){

// Convert the root / into a different context
if ( !selector.indexOf(“/”) ) {
context = context.documentElement;
selector = selector.replace(/^/w*/, “”);
if ( !selector )
return [ context ];
}

// Convert // to ” ”
selector = selector.replace(////g, ” “);

// Convert / to >
selector = selector.replace(///g, “>”);

// Naively convert [elem] into :has(elem)
selector = selector.replace(/[([^@].*?)]/g, function(m, selector){
return “:has(” + selector + “)”;
});

// Naively convert /.. into a new set of expressions
if ( selector.indexOf(“>..”) >= 0 ) {
var parts = selector.split(/>..>?/g);
var cur = jQuery(parts[0], context);

for ( var i = 1; i < parts.length; i++ )
cur = cur.parent(parts[i]);

return cur.get();
}

return find(selector, context);
};

})(jQuery);

$(function(){
alert($(“table tr:not([th])”).length);
//alert($(“table tr:not([th]))”).length); 此行多了一个)。
// $(“table tr:not([th])”).each(function(){
// alert($(this).html());
// });
});

</script>
</head>
<body>
<table>
<tr class=”not”><th>A</th></tr>
<tr><td>B</td></tr>
<tr><th>C</th></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
</table>
</body>
</html>

读者jamsonwoo：在您的译著《jQuery基础教程》第9章9.1.2节（即 P212页）上部代码中 $(‘/rss//item’，data) 作何解释？特别不理解 / 的用法。望解答。

读者moluyingxing：你好,在买了一本jQuery基础教程的时候,遇见一个问题,请高手不惜赐教:书的212页里面,有个$(‘/rss//item’,data),这个是不是有问题哟,反正我在运行这个例子的时候,数据没有显示出来.而且我加载的还是本地的那个feed.xml文件,没有用服务器的XML,请解释,谢谢!
译者：$(‘/rss//item’，data)中的/rss//item是一个XPath选择符，/rss中的/表示rss必须是根元素，//item表示 item元素不一定是rss的子元素（反之，如果这里仍然是/，就表示item必须是rss的子元素）。也就是说，这个XPath选择符选择data中的 以rss为根元素的所有标签名为item的后代元素。

Q1：关于DOM文档

读者jamsonwoo：近期我在仔细阅读您的译著《jQuery基础教程》，收益非浅。谢谢您。我有一下一个简单问题，百思不得其解，望解答。 问题如下：

<script src=”js/jquery.js” type=”text/javascript”> </script>
<script language=”javascript”>
<!–
var s1=”<s><name>1</name><name>2</name></s>”;
var s2=”<c><name>1</name><name>2</name></c>”;
$(function(){
alert($(s1).find(“name”).length);
alert($(s2).find(“name”).length);
});
//–>
</script>

这个结果为什么打印出
2
0

而且在firefox里的答案和ie6中的不一样，这是为什么啊，难道不垮浏览器？随便问一下，有没有jQuery更深层次的书籍阅读？

译者：这个问题很简单，原因是HTML中没有<c>这个标签，但有<s>标签（参考http://www.w3schools.com/tags/default.asp）。不知你为什么要这样自定义标签。另外，IE7和FF2结果是一致的。

据 我所知，《jQuery in Action》大概要算一本更深层次的书。该书正在翻译中（不是我，呵呵）。另据悉，人民邮电出版社还引进了一本《Practical jQuery Projects》（原著尚未出版）。（参考http://numenzq.javaeye.com/blog/202354）

读者jamsonwoo：非常高兴看到您的及时回答。谢谢。您说<c>不是html中的标签。难道jQuery只能处理html标签的文档，那xml文档就不能用jQuery处理了？您书中的第6章 （Ajax－让网站与时俱进）6.1.3加载XML文档，P92页底部，也用了find(“entry”),难道entry也是html标签？难道xml 文档都只能用html标签？

译者：抱歉刚才没有说清这一点。简单解释一下：

首先，必须知道jQuery直接操作的目标是DOM元素，而不是XHTML或XML标签——虽然 结果可能会反映在XHTML或XML标签上。在你试验的例子中，由于当前文档是XHTML文档，因此，jQuery必须先将标签集通过浏览器转换为对应的 DOM，才能完成后续操作——find(…)。但是，XHTML规范中没有<c></c>标签，因此浏览器无法创建与该标签 对应的DOM元素，也就不能将你的标签集转换为DOM。简而言之，JavaScript操作的并不是XHTML或XML，而是与XHTML或XML对等的 DOM。建议花时间阅读一篇文章，了解浏览器中对等模型的概念：

http://www.sproutcore.com/2008/05/28/understanding-the-ie-dom/

《jQuery基础教程》第6章讲Ajax时为什么能直接操作XML文档呢？事实上，虽然书中展示了一个XML文档，但jQuery也没有直接操作那个XML文档。jQuery操作的是由服务器返回的与该XML文档对应的DOM。这是因为服务器在HTTP头部信息中将返回数据的MIME类型设置成了application/xhtml+xml，所以，jQuery在客户端接收到的响应是DOM，而不是XML文档。

不知道上述解释你能否理解。另外，还可以在IE中试验下面的例子：

<script language=”javascript”>
<!–
/* sample.xml的内容如下：
<?xml version=”1.0″ encoding=”gb2312″?>
<c>
<name>1</name>
<name>2</name>
<name>3</name>
<name>4</name>
</c>
*/
var xmlDoc;

xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);
xmlDoc.async=false;
xmlDoc.load(“sample.xml”);

$(function(){
alert($(xmlDoc).find(“name”).length);
});
//–>
</script>

最后，可以再参考下面的文章：

http://www.cnbruce.com/BLOG/showlog.asp?log_id=970&cat_id=34

读者jamsonwoo：仔细阅读了您的耐心讲解后，明白了其中的一些缘由。

还有以下一个问题不理解， 您的书中的第82页底部代码

$.get(‘d.xml’, function(data) {

$(data).find(‘entry’).each(function(){

……

});
});

这里的d.xml中的标签 ‘entry’ 也不是html标签吧。这里怎么能find()操作的呢？我用刚才的例子改动了一下：

var xmlDoc;

xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);
xmlDoc.async=false;
xmlDoc.load(“sample.xml”);

$(function(){
alert($(xmlDoc).find(“name”).length);
});

$(function(){
$.get(‘sample.xml’, function(xmlDoc) {
alert($(xmlDoc).find(“name”).length);
});
});

第一个输出 4 我能理解。但第二个输出 0 就不理解了 ，这个和您的例子一样啊，只是xml文档不一样，请问您的是怎样取到find(‘entry’)的？望告之！

译者：原因还是一样。
第一种情况使用xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);在本地创建了DOM树；而第二种情况仍然没有创建DOM。你可以看看：
$(function(){
$.get(‘sample.xml’, function(xmlDoc) {
alert(xmlDoc);
});
});

将显示XML文档的源代码！

再试试下面这个例子：
$(function(){
$.get(‘http://www.cn-cuckoo.com/sample.xml‘, function(xmlDoc) {
alert($(xmlDoc).find(‘name’).length);
});
})

此时，xmlDoc才是通过服务器返回的DOM树。顺便说一下，$(xmlDoc)的作用是创建jQuery对象，以便调用find等jQuery库的函数。

记得书中有一段如下：
这次，帮助我们完成任务的是$.get()函数。通常，这个函数只是简单地取得由URL指定的文件，然后将纯文本格式的数据提供给回调函数。但是，在根据服务器提供的MIME类型知道响应的是XML的情况下，提供给回调函数的将是XML DOM树。

好书啊，没办法。翻译一遍，还不够烦吗？——怎么会烦呢？尽管在翻译它时，我倾注的热情和努力已经够多，但我仍然感觉没有完全读透它！我读它读得还不够。

再读 《JavaScript DOM高级程序设计》，我体验到了什么叫享受。毫无疑问，就当前谈论和讲解JavaScript及DOM编程的技术书而言，这本书已经接近该领域的极高点了（其他几本我也知道，但在它面前只能算各有千秋吧）。读一本好书——不是入门级的书——尤其是像《JavaScript DOM高级程序设计》这样适合中高级读者的好书，读者的心态应该是与书背后的作者进行交流。在读它的过程中，跟着作者的思路去假设、去思考、去推断、去印证、去反问、去寻找答案，是之谓交流。我正是因为体验到与作者交流的愉悦，才想起来写这些文字。

事实上，老实说，我现在正抽一切可能的时间做《JavaScript DOM高级程序设计》的审校。书虽然已经出版了，但我自己深知，作为正式翻译的第5本书，我当时（2007年9～11月）的翻译水平还不够好——至少不如现在的状态；而且，对翻译技术书的认识也没有今天这么深入。现在，我已经看到第2章，也单独为它建立了勘误页面。虽然目前发现的错误很少，但却发现语言表达上犯了“的的不休”的毛病，也就是“的”字用得有点过度——这一点，请买第一次印刷的朋友们多多担待。不过，多余的“的”字，我在审校过程中都已经加了删除标记。在第二次印刷时，相信这个毛病就会得到全面、彻底纠正。

为此，我跟杨爽同学要了这本书的英文版，以便对照审校。

《JavaScript DOM高级程序设计》

【原 书 名】 AdvancED DOM Scripting：Dynamic Web Design Techniques
【原出版社】 friends of ED
【出 版 社】 人民邮电出版社
【出版日期】 2008 年7月
【页 码】 457
【定价】 59.00－75折价44.25

DOM（Document Object Model，文档对象模型）脚本编程经常会被误解为Web上的某种脚本编程，实际上，纯粹的DOM脚本编程只包括W3C DOM规范中所涵盖的特性和方法。也就是说，不包括任何专有浏览器的特性。在理想的世界里，我们可以遵循标准，忽略专有特性，最终完成可以在任何设备中运 行的脚本。但是，这不是一个理想的世界。众所周知，并非所有设备或浏览器都与W3C标准兼容，这就给像我们这样的开发者提出了问题：什么时候需要适应每一 种设备或浏览器，怎样才能保证忠实于W3C DOM？

当试图回答这些问题，以及在保持真正的DOM符合性基础上处理多浏览器时，我们萌生了写这本书的想法。本书不仅对以上问题给出了答案，而且还涉及到下列主题：
深入W3C DOM规范，并筛选出经常容易被误解的、仍然为非标准浏览器提供等价选项的细小问题。
进一步探讨新方法，例如Ajax客户端－服务器端通信，冲破Ajax的局限性以提供更具交互性的体验。
体验一些主要的第三方资源，通过它们省掉可观的日常工作量。
理解并创建自己日常所用的DOM方法库。

这 些能力的新发现也带来了许多诱惑。由于热衷于新特性而偏离了基本常识，导致Web应用程序设计模糊的DOM脚本编程的例子太多了。因而，纵贯全书作者都会 强调最佳实践的价值，并提供很多基于可用性和可访问性的解决方案，这样对最终用户和你－－开发者或设计者而言，都是有益的。

你可以把这本书放在计算机旁作为参考，或者从头到尾读完它，这完全取决于你。无论采取哪种方式，只要你坚持学习完本书中的理论介绍、代码、例子和案例研究，就会深刻地发现自己已经很好地理解了书中那些高级概念的含义，不仅知其然，而且更知其所以然。

本书读者对象

本书适合对DOM感兴趣并希望进一步提升自己的所有Web开发者和设计者。通过本书通俗易懂的讲解，读者能够轻松地理解高级的DOM编程概念。如果读者对DOM脚本编程和Web标准有一些基本的经验，那么通过学习本书收获会更大。

本书组织方式

本书分为三个主要部分，通过学习全书内容，读者将能构建起属于自己的DOM实用方法库。书中的每一章都以前一章学习的概念为依托，因而本书的每一部分都是一个整体，每一章也并非完全独立。

第 一部分，“深入理解DOM脚本编程”，涉及W3C DOM规范的方方面面，包括非标准的浏览器支持和不支持的内容。从一开始就以最佳实践为榜样，然后你将了解到DOM2 HTML和DOM2核心规范，同时还有DOM2事件和DOM2样式规范。本部分中的每一章都会给出一些不针对特定浏览器（browser- agnostic）的例子。而且，你也将着手构建自己的脚本程序库，并往其中添加访问和操纵DOM、样式以及事件的各种方法。这些方法将不针对特定的浏览 器，因此你可以很容易地在公共方法（你将自己创建）的基础上建立自己的应用程序。第一部分最后的第六章将会完成一个案例学习，在这一章中，你将学会建立一 个交互式裁剪和调整图像大小的工具。

在介绍了操纵和访问文档的各个方面知识之后，第二部分，“浏览器外部通信”，将以Ajax和客户端－ 服务器端通讯为主题。在这一部分中，作者没有停留在介绍简单的做法上，而是深入解释了相应的内部工作机制，同时，也没有忘记介绍整合Ajax 界面时可能遇到的麻烦。第二部分最后把这些技能用于实战检验，综合运用传统和当前的通讯方法，创建一个带有实时进度条的文件上传程序。

最 后，在第三部分，“部分高级脚本编程资源”中，作者集中介绍了一批第三方脚本编程资源，包括库和API（Application Programming Interfaces，应用程序编程接口）。你将在这一部分学习到如何利用主要的 DOM 脚本库来提高自己的开发效率，也包括使用一些视觉效果，为自己的 Web 应用程序添彩。同时，你还将学习如何通过可自由使用的API来整合交互式地图和项目管理工具。这些资源将为你提供高级编程能力，同时最大限度地减少你的重 复性工作－－但只有在对第一和第二部分内容深入理解的基础上，才能更好地体会到这些资源的价值。本书以Aaron Gustafson撰写的一个案例学习作为结尾，这个案例把select元素提高到了一个全新的水平。

作者没有提供附录，而是向读者公布 了一个网站http://advanceddomscripting.com。在这个网站中，读者可以下载到本书的源代码和额外一些例子和参考文献。作者 将在这个网站中发布与DOM脚本编程相关的最新的重要消息，读者可以经常访问这个网站，以便与时俱进。

《jQuery基础教程》

【原 书 名】 Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques
【原出版社】 Packt Publishing
【出 版 社】 人民邮电出版社
【出版日期】 2008 年7月
【页 码】 295
【定价】 45.00－75折价33.75

jQuery是一个强大的JavaScript库。无论你具有什么编程背景，都可以通过它来增强自己的网站。

由John Resig创建的jQuery，是一个开源项目，其核心团队由富有献身精神的顶尖JavaScript开发人员组成。jQuery在一个紧凑的小文件中提供了丰富多样的特性、简单易学的语法和稳定可靠的跨平台兼容性。此外，百余种为扩展jQuery功能而开发的插件，更使得它几乎成为适用于各类客户端脚本编程的必备工具。

《jQuery基础教程》以通俗易懂的方式介绍了jQuery的基本概念，通过学习本书，即使曾经因编写JavaScript而受过挫折的人，也能够掌握为网页添加交互性和动态效果的技术。本书将引导读者跨越AJAX、事件、效果及JavaScript语言特性中的各种陷阱。

本书网站http://book.learningjquery.com中，包含书中各章的在线示例。

本书内容

本书的第一部分是jQuery简介，用来帮助读者对jQuery建立起一个大概的印象。第1章的内容主要涉及如何下载和设置 jQuery库，同时也会示范通过jQuery编写第一个脚本。

本书的第二部分将深入讨论jQuery库的各个主要方面。第2章学习如何取得我们想要的一切。通过jQuery中的选择符表达式，可以在页面中的任何地方找到想要的元素。这一章，将使用各种选择符表达式为页面中的不同元素添加样式，其中一些通过纯CSS方式是做不到的。

第3章学习如何“扣动扳机”。本章介绍如何通过jQuery的事件处理机制，在浏览器中发生事件时触发行为。同时，还会介绍jQuery的独家秘笈——以不唐突的方式添加事件（甚至在页面加载完成之前）。

第4章学习如何增加操作的艺术感。这一章介绍通过jQuery实现动画的技术，从中我们能够体会到隐藏、显示和移动页面元素时那种轻松自如的感觉。

第5章学习如何通过指令改变页面。本章讲述的是动态修改HTML文档结构的技术。

第6章学习如何让你的网站跻身主流行列。在学习完本章后，你也可以做到不用像过去那样刷新页面而访问服务器端功能。

本书的第三部分与前两部分不同。这一部分主要以实例操作为主，即在前几章学习的基础上，通过jQuery创建常见应用的解决方案。第7章将学习排序、筛选和为信息添加样式并创建优美实用的数据布局。

第8章以客户端数据验证为主题。届时，将设计一个具有适应能力的表单布局，还会实现基于客户端与服务器通信的交互式表单功能，例如自动完成。

第9章介绍如何通过平滑地展示页面元素来增强它们的美感和实用性。其中，动态显示和隐藏信息的方式既有自动化的，也有基于用户控制的。

第10章学习jQuery令人叹为观止的扩展能力。读者将在理解和掌握3个优秀jQuery插件的基础上，从头开始构建自己的插件。

附录A提供了很多与jQuery、JavaScript以及通常的Web开发有关的内容丰富的网站信息。

附录B推荐了一些有用的第三方程序和实用工具，用于在个人的开发环境中编辑和调试jQuery代码。

附录C将讨论JavaScript中一个常见的高级特性——闭包。详细解释了如何扬长避短地发挥闭包的强大威力。

第10页中部，CSS声明中的属性和值原文“分号（:）隔开”，应该是“冒号（:）隔开”。

第4章 通过CSS影响页面布局

第100页，图4-2。原图多处错误，更正后的图如下所示：

1、打开电脑，进入BIOS，设置第一启动设备为CDROM，第二启动设备为Hard Disk（这个也很重要）。

2、把随书光盘放入光驱，重新启动电脑。在此选择第一项（红对勾处所示）

3、短暂系统检测之后，就是如下加载进度界面

4、稍等片刻（10～50秒之间），即安装完成进入系统

5、双击左上角的“1 Start XAMPP”图标 （红对勾处所示），以启动Web服务器

6、 待上图中间窗口消失后（Web服务器启动完毕），双击“2 Start Projects”图标

7、结果，将打开本书应用程序的主页。下图所示为打开Chapter2 Booker的情景（这是两幅照片合成的结果，读者应该只看到一个浏览器窗口）

8、要查看或编辑源文件，单击屏幕上方中部第一个蓝色图标，启动Blue fish编辑器

读者来信原文如下：

您好，我是您的读者．《Ajax构建工具箱指南》的书中提供了一张配套光盘，但是书中附录内写的光盘使用方法不够详细．我按照您说的方法，把光盘放到光驱然后重新启动电脑，以光盘启动的方式来启动这张Linux Live CD　．然后选者直接进入系统也就是光盘启动画面的第二项，但是等待很长的时间都不能够登陆进光盘系统当中，不知道具体是如何造成的这个现象．希望您能够提供一个可行的解决办法，比如，制作一个带有声音讲解的视频光盘运行录象，也好方便使用．我本人尝试了很多次，也换了几台电脑都没有成功，对这本书的内部程序我很感兴趣，但是这张很有学习价值的光盘我也很喜欢，所以希望您能够提供一个可以直接通过光驱就能运行这张光盘的有效方法．．．尽可能的详细点．我本人也在学习Linux当中，这本书提供的系统听说也很帮．所以想在这个环境下来学习．．．希望能够得到您的帮助．谢谢!
这个是我的邮箱，请您看过后给我回复．

Mon, 2 Jun 2008 12:58:58 +0800 (CST)

当时，我随即给读者回信，全文如下：

尊敬的读者，您好！
对本书光盘使用说明不够详细给您带来的不便深表歉意。为方便您和读者研究学习，我会在本周内按您的建议重新制作一份可操作的使用说明，并放到网站上供读者下载参考。届时，我再联系您。
再次感谢您购买《Ajax构建工具箱指南》，如您在阅读过程中发现错误或翻译不当，或容易导致您迷惑不解之处，都可以随时与我联系，我会尽力协助您解决。
祝好！

Mon, 2 Jun 2008 13:43:23 +0800 (CST)