看了下Sizzle部分源码,核心的原理就是使用正则表达式去匹配,找到对应的原生获取元素的方法,我没有去细究了。大家有兴趣可以自己看看,分享分享!从2850行开始,继续往下读jQuery源码(2850-3043行)进入Callbacks(回调函数管理模块)之前,有几个扩展方法1.dir方法三个参数:e...
分类:
Web程序 时间:
2015-12-08 18:34:03
阅读次数:
263
Sizzle引擎的主题部分已经分析完毕了,今天为这部分划一个句号。a. Sizzle解析流程总结 是时候该做一个总结了。Sizzle解析的流程已经一目了然了。 1.选择器进入Sizzle( selector, context, results, seed )函数,先对选择器不符合要求的(比如...
分类:
Web程序 时间:
2015-11-10 19:22:39
阅读次数:
288
我也看过很多Sizzle源码分析的博客,伪类分割器setMatcher介绍的比较少。但是本人认为这是一个比较重要的难点,我第一遍看源码的时候也忽略了。现在回来看第二遍,一定要把这个东东弄懂。 a. 伪类分割器setMatcher 伪类分隔器对伪类选择器进行分隔处理,返回处理后的最终匹配器。 ...
分类:
Web程序 时间:
2015-11-07 20:27:01
阅读次数:
251
这一节要分析的东东比较复杂,篇幅会比较大,也不知道我描述后能不能让人看明白。这部分的源码我第一次看的时候也比较吃力,现在重头看一遍,再分析一遍,看能否查缺补漏。 看这一部分的源码需要有一个完整的概念后去看才比较容易看懂,所以我们先把整个编译的原理阐述以后再进行解析。 还是以上次的那个CSS选...
分类:
Web程序 时间:
2015-11-06 20:47:57
阅读次数:
245
jQuery源码9600多行,而Sizzle引擎就独占近2000行,占了1/5。Sizzle引擎、jQuery事件机制、ajax是整个jQuery的核心,也是jQuery技术精华的体现。里面的有些策略确实很值得学习,先膜拜之,然后细细学习。 在学习Sizzle引擎之前我们先准备一点知识,和先了...
分类:
Web程序 时间:
2015-11-05 20:15:24
阅读次数:
365
Sizzle有太多都不是太懂,但能看懂这张图。图片来源:http://www.cnblogs.com/aaronjs/p/3332805.html
分类:
其他好文 时间:
2015-10-25 17:53:32
阅读次数:
120
(21,94)定义了一些变量和函数,jQuery=function(){}(96,283)给JQ对象添加一些方法和属性(285,347)extend:JQ的继承方法(349,817)jQuery.extend():扩展一些工具方法(877,2856)Sizzle:复杂选择器的实现(2880,3042...
分类:
Web程序 时间:
2015-10-23 18:50:04
阅读次数:
154
最近的研究已Sizzle选择,对于原理中我们也不得不佩服!Sizzle中间filter办法。主要负责元素表达式过滤块的集合,在内部的方法调用Sizzle.selector.fitler滤波操作的操作方法。Sizzle.filter要点5:1 使用LeftMatch确定表达式类型。2 调用Sizzle...
分类:
其他好文 时间:
2015-09-19 15:05:18
阅读次数:
186
jQuery使用的是sizzle这个选择器引擎,这个引擎以其高速著称,其实现十分精妙但是也足够复杂,下面现简单分析一下相关的代码。在jQuery的部分API接口是直接引用了Sizzle的方法,这些接口如下:1 jQuery.find = Sizzle;2 jQuery.expr = Sizzle.....
分类:
Web程序 时间:
2015-07-25 16:40:04
阅读次数:
143
开始计划时间读源码,第一节jQuery框架阅读思路整理(function(){ jQuery = function(){}; jQuery一些变量和函数和给jQuery对象添加一些方法和属性 extend : jQuery的继承方法的实现 jQuery.extend() : 使用jQuery扩展一些工具方法 Sizzle : jQuery自身实现的复杂选择器 Call...
分类:
Web程序 时间:
2015-07-23 21:52:57
阅读次数:
148