`
netfishx
  • 浏览: 59483 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

domQuery VS. jQuery VS. prototype

prototypejQueryEXTYUIXSL 
阅读更多
由于jQuery1.1的发布，我才注意到jQuery和yui-ext/domQuery的作者针对 它们提供的dom选择器的性能爆发了一场论战。具体情况看他们的blog：这里和这里
他们的dom选择器功能都很全面，提供基于css selector和部分xsl的选择器。由于看不起prototype这部分功能的不完善（可怜啊），根本没有把它加入测试。所以我干脆自己测了一下，直接说结果：
性能排列 domQuery0.40>jQuery1.1>prototype1.5.0RC2>jQuery1.04
domQuery的性能确实很好，在很多测试项上速度确实达到了新版jQuery的3倍甚至更多。jQuery的新版本也确实在很多项目上速度比老版本提高了数倍。让我觉得不可思议的是prototype，性能比老版本的jQuery也仅是高一点点而已。

结论：prototype的$$功能不全、性能不佳，要慎用。如需复杂的dom查询，domQuery（性能极好，文档也不错）与jQuery1.1（文档极好，性能也可以接受）都是很好的选择。

这里是测试页面
分享到：
| 用greasemonkey搞定google快照
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EXTJS 中文手册 电子书

    DomQuery基础 ....................................................................................................... 24 DomQuery基础 ......................................................................

    Ext深入浅出 数据传输

    11.1.10 Ext.DomQuery ....................269 11.2 用DomHelper和Template动态 生成HTML.............................................272 11.2.1 用DomHelper生成小片段..272 11.2.2 Ext.DomHelper. applyStyles...

    Ext API详解--笔记

    `EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt`涵盖了查询DOM元素的`Ext.DomQuery`（类似于jQuery的selector），动态创建和操作DOM的`DomHelper`，以及用于数据绑定的`Template`类。这些工具使你能更加...

    extjs帮助文档pdf版

    - `Ext.DomQuery.selectNode(node, selector)`: 在指定节点下选择符合指定条件的DOM元素。 - `Ext.DomQuery.selectNodes(node, selector)`: 选择多个符合条件的DOM元素。 #### 9. Ext.DomHelper 类 (P.14) - **...

    extjs学习资源

    var els = Ext.DomQuery.select('.some-class'); ``` ##### 5. Ext.Fx - **动画效果**: `Ext.Fx`提供了一系列的动画效果，可以用来增强用户界面的交互体验。 - **方法示例**: 如`Ext.Fx.run()`可以运行一组动画...

    Extjs常用函数和事件.pdf

    **Ext.DomQuery** 提供类似jQuery的选择器功能： 19. **compile**：编译CSS选择器为执行函数，提高查询性能。 20. **filter**：筛选匹配选择器的元素。 21. **is**：检查元素是否匹配选择器。 22. **select**：根据...

    EXT核心API详解.doc

    8. **Ext.DomQuery类**：快速高效的DOM选择器引擎，类似于jQuery的选择器功能。 9. **Ext.DomHelper类**：用于创建和修改DOM元素的工具类，提供了更简洁的API。 10. **Ext.Template类**：模板类，可以用来生成动态...

    extjs帮助文档

    - `Ext.DomQuery.selectNode(selector, context)`：选择符合指定CSS选择器的第一个元素。 #### 九、Ext.DomHelper类（第14页） - **概述**：Ext.DomHelper类提供了一组用于创建、插入和更新DOM节点的方法。 - **...

    整理的Ext API详解

    "EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt"介绍了Ext.DomQuery，这是一个高效的DOM选择器引擎，类似于jQuery的$.selector。DomHelper则是用于创建和操作DOM结构的工具，而Template则是用于动态生成...

    extjs实例说明详解

    4. **Ext.DomQuery和DomHelper**：前者是类似于jQuery的选择器引擎，用于高效地选择DOM元素；后者则用于动态创建和操作DOM结构。在“EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt”中，你可以学习到如何...

    ext核心api详解（2）

    EXT 核心 API 详解(四) - Ext.DomQuery/DomHelper/Template EXT JS 是一个专注于构建前端用户界面的JavaScript框架，它独立于后台技术，主要利用Ajax技术实现丰富的交互效果。本文将深入探讨EXT JS的核心API，特别...

    extapi

    "EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt"介绍了Ext.DomQuery，这是一个强大的CSS选择器引擎，类似于jQuery的选择器，用于高效地选取DOM元素。DomHelper则是一个便捷的DOM元素构建工具，可以生成...

    EXT核心API详解(第一部分)

    `Ext.DomQuery`（简称`$`）类似于jQuery的`select`，用于高效地选取DOM节点，支持XPath和CSS选择器。`Ext.DomHelper`是DOM操作的高级接口，可以方便地创建、插入、更新和删除DOM元素。`Template`类则允许创建动态...

    Ext Js权威指南(.zip.001

    6.1　ext js的选择器：ext.domquery / 215 6.1.1　选择器的作用 / 215 6.1.2　使用ext.query选择页面元素 / 215 6.1.3　基本选择符 / 223 6.1.4　属性选择符 / 229 6.1.5　css属性值选择符 / 234 6.1.6　伪类选择符 ...

    EXTJS___API详解

    8. **Ext.DomQuery 类**：类似于jQuery的选择器，用于高效地选择DOM元素。 9. **Ext.DomHelper 类**：用于动态创建和修改DOM元素，提供了一种模板化的创建方式。 10. **Ext.Template 类**：模板引擎，用于动态生成...

    Extjs-常用函数和事件

    **Ext.DomQuery** 提供了类似于jQuery的选择器引擎，用于高效地选取和过滤DOM元素： 19. **compile**: 编译CSS选择器表达式为函数，提高查询性能。 20. **filter**: 根据选择器过滤元素数组。 21. **is**: 检查...

Magicbox
Global site tag (gtag.js) - Google Analytics