【jQuery源码系列】Sizzle
来源:互联网 发布:淘宝客的计划描述咋写 编辑:程序博客网 时间:2024/05/19 09:04
Sizzle是一个纯 JavaScript CSS选择器引擎。jquery1.3开始使用Sizzle,Sizzle一反传统采取了相反的Right To Left的查询匹配方式,效率提高。
Sizzle完全独立于jQuery,若不想用jQuery,你可只用Sizzle实现,压缩3K多http://url.cn/J73IkN。
一般选择器的匹配模式(包括jq1.2之前),都是一个顺序的思维方式,在需要递进式匹配时,比如$(‘div span’) 这样的匹配时,执行的操作都是先匹配页面中div然后再匹配它的节点下的span标签,之后返回结果。
Sizzle则采取了相反Right To Left的实现方式,先搜寻页面中所有的span标签,再其后的操作中才去判断它的父节点(包括父节点以上)是否为div,是则压入数组,否则pass,进入下一判断,最后返回该操作序列。
性能上得到了提升,对比性能参考下图
另外,在很多细节上也进行了优化。
未完待续...
阅读全文
0 0
- 【jQuery源码系列】Sizzle
- jQuery Sizzle 入口 [ 源码分析 ]
- jQuery Sizzle.find [ 源码分析 ]
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——一些有用的Sizzle API
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——词法解析
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——词法解析
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——编译原理
- jQuery Sizzle
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——总结与性能分析
- jQuery 2.0.3 源码分析Sizzle引擎 - 词法解析
- jQuery 2.0.3 源码分析Sizzle引擎 - 解析原理
- jQuery 2.0.3 源码分析Sizzle引擎 - 超级匹配
- jQuery 2.0.3 源码分析Sizzle引擎 - 高效查询
- jQuery 2.0.3 源码分析Sizzle引擎 - 解析原理
- jQuery源码分析-04 选择器-Sizzle-工作原理
- jQuery源码分析-04 选择器-Sizzle-设计思路
- jQuery 2.0.3 源码分析Sizzle引擎 - 高效查询
- jQuery源码分析之Sizzle--css选择器引擎
- JUC锁-01之 框架
- json 对象 与 json 字符串 互转
- 利用 keyCode 控制数字输入框
- 利用正则控制数字输入框
- “一一对应”概念推翻百年集论和几百年函数“常识” ——“一一配对”让中学生也能一下子认识5千年都无人能识的自然数
- 【jQuery源码系列】Sizzle
- 字符串操作
- 数组操作
- 新网站如何提高百度权重
- 媒体查询,响应式布局
- 【ES6】var / let / const
- 【ES6】模拟字符串拼接
- 【ES6】ES6的新特性
- 将博客搬至CSDN