2011年11月14日

[原创] jQuery源码分析-04 选择器-Sizzle-设计思路

摘要： 作者：nuysoft/高云 QQ：47214707 Email：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接接前一篇Sizzle的工作原理让我们把工作原理讲的更简单一些，先不讲从右向左也不讲接口，先来分析下如果要执行一段选择器表达式，或者说设计一个简版选择器引擎，直觉上需要做些什么工作： 以div > p为例来模拟这个过程，找div元素下的p元素： 1. 首先要能正确的将独立的块表达式从选择器表达式中分割出来，这是必须的，否则没法找div元素或p元素 2. 然后要能正确的执行块表达式，无论是left>right或right>le 阅读全文

posted @ 2011-11-14 20:51 nuysoft 阅读(9298) 评论(1) 推荐(3) 编辑

[原创] jQuery1.6.1源码分析系列（停止更新）

摘要： 作者：nuysoft/高云 QQ：47214707 Email：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。jQuery源码分析（版本1.6.1）00 前言开光01 总体架构02 正则表达式-RegExp-常用正则表达式03 构造jQuery对象-源码结构和核心函数03 构造jQuery对象-工具函数04 选择器 Sizzle-工作原理04 选择器 Sizzle-设计思路04 选择器 Sizzle-从左向右的余热04 选择器 Sizzle-块分割器chunker（有图有真相）05 异步队列 Deferred06 浏览器测试 Support07 阅读全文

posted @ 2011-11-14 10:38 nuysoft 阅读(114873) 评论(46) 推荐(49) 编辑

[原创] jQuery源码分析-04 选择器-Sizzle-工作原理

摘要： 作者：nuysoft/高云 QQ：47214707 Email：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。在分析Sizzle源码之前，先整理一下选择器的工作原理先明确选择器中用到的名词，后边阅读时不会有歧义： 选择器表达式： "div > p" 块表达式： "div" "p" 并列选择器表达式： "div, p" 块分割器： Sizzle中的chunker正则，对选择器表达式从左向右分割出一个个块表达式 查找器： 对块表达式进行查找，找到的DOM元素数组叫候 阅读全文

posted @ 2011-11-14 10:08 nuysoft 阅读(16161) 评论(4) 推荐(3) 编辑

导航