选择器那些事开篇之selector应用频度与优秀engines介绍

选择器那些事开篇之selector使用频度与优秀engines介绍

写于2012-4-3 清明假期的第二天 | @百度大厦 F2

?

决定开一个专题----选择器那些事，研习一下selector相关的知识，提升一下这方面的认识和积累。

?

首先提一提john?Resig博客里面提到的jQuery sites常用的selectors。

?

?

?

标红的是w3c不遵从的选择器（non-W3C-compliant）所有的selectors被中和了一下（比如'div span'和'ul li'变成了'tag tag'）%Used这一列代表在所有选择器中此选择器所占的比例#Uses这一列是所有的数目只用一次的选择器被删除了

?

在Performance isn't Compliance这一段里面，john还提到了一个用来检测selector engines性能的一个网站：

?

SlickSpeed??----- 它是mootools官网里面的一个检测网站，目前检测的是如下的几种脚本库的selector

?

最后的结果大家可以自己去上面点一下start tests的按钮看看效果。

?

?

其实不光只有上面检测的几种selector?engines，以前在kissy的源码里面的selector.js的注释里面看到又相关整理：

?

?

Peppy???-----James Donaghue?? ? ? ?简单介绍一下：?? ? ? ? 1、Peppy在DOM querying能力方面比其他大部分的js库比如（prototype1.6.03 | jquery1.2.6 | MooTools 1.2.1 | EXT 2.2| DoJo1.2.0| YUI 2.6.0 ）快一倍
?? ? ? ? 2、比john?Resig的Sizzle快2倍，也是兼容各大浏览器，包括IE.
?? ? ? ? 3、作者还在http://jamesdonaghue.com/static/peppy/profile/slickspeed/?展示了一下性能对比，很直观

?

?? ? ? ? ? ? ?最后的差距看得数还是不错的！

?

?

MINI?? -----james padolsey?? ? ? ? 简单介绍一下：?? ? ? ? ? ??? ? ? ? 1、mini 只是来支持常用的css selectors。
?? ? ? ? 2、mini支持一下的selectors


?Sly ----http://github.com/digitarald/sly?

?

扩展阅读：

?

1、http://ejohn.org/blog/selectors-that-people-actually-use/

?

2、http://ejohn.org/files/selectors.html

查看更多 下一篇