首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

高级 jQuery-7

高级 jQuery-7

jQuery 1.3 中的新特性在本文的最后小节,我打算过一遍 jQuery 1.3 中包含的新特性。jQuery 1.3 发布版在性能上是很出色的,光凭这点,您就应该将代码迁移到这个版本。不过,有几个新添加的小特性可以帮助您改善代码。
添加到 jQuery 1.3 核心发布版的第一个新特性是 live()/die() 函数,我已经在本文的前面讨论过它们。这可能是最重要的一个新特性,因为它们值得花一个小节去讨论。添加到 1.3 核心发布版的另一个主要特性是 jQuery.Event 类,它将页面上发生的事件封装在一个 Object 中。这对事件密集型应用程序尤其有益,因为它提供一个良好自含的对象,用于传播关于事件的所有信息。这些信息包括类型、目标、X 和 Y 坐标,甚至是时间戳。在 1.3 发布版之前可能也提供这些信息,但它的归档没有这么好,并且封装也没有这么好。最后添加到 1.3 发布版的新特性对所有开发人员都是透明的,但仍然值得一提。在这个发布版中,不再需要仔细区分浏览器,因为有一个针对浏览器或版本的特殊 if 语句。您可以想象一下处理所有支持的浏览器的代码大拼盘。这在某种程度上会促使 jQuery 版本衰退,因为浏览器的版本更新太快。相反,它们检查浏览器中的功能,但又不考虑浏览器的类型/版本。这意味着即使推出了新的浏览器,老浏览器退役,仍然不需要更新 jQuery 的版本。对于不希望每年更新 jQuery 版本并进行相关测试的站点而言,这是个好消息。
结束语本文提供一些技巧,帮助您将良好的 jQuery 代码转变成强大的 jQuery 代码。jQuery 非常简单易用(并且是独立的 JavaScript 的巨大改进),因此编写良好的 jQuery 代码也很容易。大部分开发人员在几分钟之内编写完并运行良好的 jQuery 代码。但是良好的代码和强大的代码是有区别的。强大的 jQuery 代码考虑随着页面越来越复杂时的性能问题。强大的 jQuery 代码能够考虑到页面的未来方向,而不是仅看到当前的位置。强大的 jQuery 代码是为最复杂的应用程序设计的,然后让应用程序处理输入的简单信息。            
本文介绍了 5 个概念,帮助您将良好的 jQuery 代码转变成强大的 jQuery 代码。第一个概念是使用 bind()/unbind() 方法。当您不希望在页面的生命周期内将事件添加到代码时,这些方法对向页面元素添加/移除事件非常有用。这些方法在页面包含大量事件时对提升性能非常重要,或者用于某些用户界面中。第二个概念是使用 1.3 中包含的新特性 live()/die()。这些函数允许将事件变成动态的,就像页面元素一样。随着 Web 应用程序包含的页面元素越来越多,这些函数允许代码随着页面的增长而增长,这在以前的发布版中是无法实现的。您希望事件处理像页面处理一样具有动态性。第三个新添加的特性是 Ajax Queue/Sync 插件,它用于规范和控制对服务器发出的 Ajax 调用,避免它们超出限度(从客户端角度看)。当 Ajax 调用的响应返回顺序很重要时,该插件也能帮上大忙。第四个概念是,尽可能多地用 jQuery 代码编写页面设置代码。这让 HTML 的编写更加简单,并且在设置页面时能够获得更多的控制。最后一个概念是,在代码中利用名称空间解决办法,避免因小部件的函数名称重复而导致问题。每个页面元素和小部件都应该是自含的,不与页面的其他方面发生干扰,名称空间解决办法能够阻止该问题。            
这 5 个步骤并不难实现。事实上,其中 4 个步骤仅需修改一行代码。不过,理解如何在代码中应用它们才是最重要的。像所有东西一样,如果不能正确时使用,它不仅不能提供帮助,反而还有害处。我的建议是,当您用 jQuery 代码编写页面时,要尽快应用这 5 个步骤。每个开发人员都会告诉您,利用特性是编程过程的一部分。您不希望仅因开头设计得不好或更改某些部分而重新设计整个 Web 应用程序。编写代码时就要抱有编写强大应用程序的想法,并且遵循这些建议。
最后,这是我的 jQuery 系列文章的第二个周期的末尾。这最后 5 篇文章将您的 jQuery 水平提升一个新的级别,现在您应该能够使用 jQuery 库创建任何类型的应用程序。我的最后一点建议是经常以实验的方式编写代码。您不仅能够学到很多东西,还将创建出更酷的 Web 应用程序!
返回列表