首页 > 网站建设经验 > 值得网站开发人员关注的jQuery的优缺点

值得网站开发人员关注的jQuery的优缺点

2011年11月10日 发表评论 阅读评论

随着WEB2.0及ajax思想在互联网上的快速发展,出现了许多优秀的Js框架,比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到网站制作中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高网站建设速度。

jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化JavaScript? 以及Ajax编程。有人使用这样的一比喻来比较prototype和jQuery:prototype就像Java,而jQuery就像ruby.它是一个简洁快速灵活的JavaScript框架,它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。

jQuery具有如下一些特点:

1、代码简练、语义易懂、学习快速、文档丰富。

2、jQuery是一个轻量级的脚本,其代码非常小巧,最新版的JavaScript包只有20K左右。

3、jQuery支持CSS1-CSS3,以及基本的xPath。

4、jQuery是跨浏览器的,它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。

5、可以很容易的为jQuery扩展其他功能。

6、能将JS代码和HTML代码完全分离,便于代码和维护和修改。

7、插件丰富,除了jQuery本身带有的一些特效外,可以通过插件实现更多功能,如表单验证、tab导航、拖放效果、表格排序、DataGrid,树形菜单、图像特效以及ajax上传等。

jQuery优点与缺点的比较

 一、jQuery优点

1、jQuery实现脚本与页面的分离

在HTML代码中,我们还经常看到类似这样的代码:<formid=”myform”onsubmit=return validate();” > 即使validate()函数可以被放置在一个外部文件中,实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery,可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来,就像数年前CSS让样式代码与页面代码分离开一样。

2、最少的代码做最多的事情

最少的代码做最多的事情,这是jQuery的口号,而且名副其实。使用它的高级selector,开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异,它除了还完全支持Ajax,而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。

3、性能

在JavaScript框架中,jQuery对性能的理解最好。不同版本拥有众多新功能,最精简版本只有18KB大小,这个数字已经很难减少。jQuery的每一个版本都有重大性能提高。本文讲的是jQuery未经过任何优化的原始速度。如将其与新一代具有更快JavaScript引擎的浏览器(如火狐3和谷歌Chrome)配合使用,开发者在Web应用时将拥有全新速度优势。

4、它是一个“标准”

之所以用引号,是以为jQuery并非一个官方标准。但是业内对jQuery的支持已经非常广泛。谷歌不但自己使用它,还提供给用户使用。另外戴尔、新闻聚合网站Digg、WordPress、Mozilla和许多其它厂商也在使用。微软甚至将它整合到Visual Studio中。

5、插件

基于jQuery开发的插件目前已有数千个。开发者可使用插件来进行表单确认、图表种类、字段提示、动画、进度条等任务。jQuery社区已经成长为一个生态系统。这一点进一步证明了上一条理由,它是一个安全的选择。而且,jQuery正在主动与“竞争对手”合作,例如Prototype。它们似乎在推进JavaScript的整体发展,而不仅仅是在图谋一己之私。

6、节省开发者学习时间

要想真正学习jQuery,开发者还是需要投入一点时间,尤其是你要编写大量代码或自主插件的话,更是如此。但开发者可以采取“各个击破”的方式,而且jQuery提供了大量示例代码,建议开发者在编写某代码前,先看一下是否有类似插件,再看一下实际的插件代码,了解一下其工作原理。总之,学习jQuery不需要开投入太多,就能迅速开始工作,逐渐提高技巧。

7、让JavaScript编程变得有趣

使用jQuery是一件充满乐趣的事情。它简洁而强大,开发者能够迅速得到自己想要的结果。它解决了许多JavaScript难题。通过一些基础性的改进,开发者可以真正去思考开发下一代Web应用,不再因为语言或工具的差劲而烦恼。可以“最少的代码做最多的事情”。

二、jQuery的不足之处

当然,jQuery并非完美无缺。它也有许多的不足之处。

1、不能向后兼容。每一个新版本不能兼容早期的版本。举例来说,有些新版本不再支持某些selector,新版jQuery却没有保留对它们的支持,而只是简单的将其移除。这可能会影响到开发者已经编写好的代码或插件。

2、插件兼容性。与上一点类似,当新版jQuery推出后,如果开发者想升级的话,要看插件作者是否支持。通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。开发者使用的插件越多,这种情况发生的几率也越高。

3、在同一页面上使用多个插件时,很容易碰到冲突现象,尤其是这些插件依赖相同事件或selector时最为明显。这虽然不是jQuery自身的问题,但却又确实是一个难于调试和解决的问题。

4、jQuery的稳定性。指的是其版本发布策略。jQuery 1.3版发布后仅过数天,就发布了一个漏洞修正版1.3.1。他们还移除了对某些功能的支持,可能会影响许多代码的正常运行。

5、在大型框架中,jQuery核心代码库对动画和特效的支持相对较差。

jQuery的设计会改变写JavaScript代码的方式,降低学习使用JS操作网页的复杂度,提高网页JS开发效率,无论对于js初学者还是资深专家,jQuery都将是网站开发的首选。

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.