随笔分类 -  jQuery源码分析

[原创] jQuery源码分析-12 DOM操作-Manipulation-核心函数jQuery.clean()
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 基于 jQuery 1.7.1 编写 核心函数 jQuery.clean() 概述 函数定义 修正文档对象context 声明返回值 遍历待转换数组 ... 阅读全文

posted @ 2012-01-11 12:46 nuysoft 阅读(6100) 评论(4) 推荐(4) 编辑

[原创] jQuery源码分析-12 DOM操作-Manipulation-核心函数jQuery.buildFragment()
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 基于 jQuery 1.7.1 编写 核心函数 jQuery.buildFragment() 概述 关于DocumentFragment的讨论 函数定义 修正... 阅读全文

posted @ 2012-01-11 12:46 nuysoft 阅读(5153) 评论(1) 推荐(3) 编辑

[原创] jQuery源码分析-12 DOM操作-Manipulation-核心函数.domManip()
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 前记: 基于 jQuery 1.7.1 编写;之前的系列文章以“贴源码注释”的方式进行讲解,注释并不适合做大段的描述和排版;本节将尝试 锚点+按块分析+流程图 的方式,希望这样能... 阅读全文

posted @ 2012-01-10 17:14 nuysoft 阅读(4983) 评论(4) 推荐(1) 编辑

[原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 类样式 概述 .addClass() .removeClass() .toggleClass() .hasClass() 概述 本人开发时偶尔需要操作... 阅读全文

posted @ 2011-12-27 09:30 nuysoft 阅读(13213) 评论(7) 推荐(9) 编辑

[原创] jQuery源码分析-13 CSS操作-CSS-样式表-jQuery.fn.css()
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 样式表 概述 如何使用 使用详解 特性对应的实现原理 源码分析 .css( name, value ) jQuery.style( elem... 阅读全文

posted @ 2011-12-26 09:25 nuysoft 阅读(12033) 评论(7) 推荐(5) 编辑

[原创] jQuery源码分析-如何做jQuery源码分析(更新)
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) jQuery的源码有些晦涩难懂,本文分享一些我看源码的方法,每一个模块我基本按照这样的顺序去学习。 当我读到难度的书或者源码时,会和《如何阅读一本书》结合起来进行学习。推荐读读这本书... 阅读全文

posted @ 2011-12-08 15:26 nuysoft 阅读(13898) 评论(2) 推荐(6) 编辑

[原创] jQuery源码分析-11 DOM遍历-Traversing-DOM遍历方法
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 1. 属性childNodes vs 属性children childNodes Retrieves a collection of HTML ... 阅读全文

posted @ 2011-11-29 00:08 nuysoft 阅读(6678) 评论(4) 推荐(2) 编辑

[原创] jQuery源码分析-11 DOM遍历-Traversing-3个核心函数
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 1. DOM遍历有3个核心函数: jQuery.dir( elem, dir, until ) 从一个元素出发,迭代检索某个方向上的所有元素并记... 阅读全文

posted @ 2011-11-29 00:07 nuysoft 阅读(5953) 评论(2) 推荐(4) 编辑

[原创] jQuery源码分析-04 选择器-Sizzle-块分割器chunker(有图有真相)
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。jQuery源码分析系列(持续更新)jQuery的核心之一是Sizzle,Sizzle的核心在于它的查找算法和诸多正则表达式,正则中最复杂的当属块分割器chunker。选择器表达式从语法上可以分为:简单选择器、层次选择器、属性过滤器、伪类过滤器,块分割器chunker的功能便是从语法上粗略的对选择器表达式进行分割。(官网文档和市面上的书籍,是从功能上划分为:简单选择器、层次选择器、位置过滤器、内容过滤器、可见过滤器、属性过滤器、子元素选择 阅读全文

posted @ 2011-11-23 23:24 nuysoft 阅读(8452) 评论(5) 推荐(4) 编辑

[原创] jQuery源码分析-04 选择器-Sizzle-从左向右的余热
摘要:作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新) 在Sizzle的设计思路中,将CSS选择器引擎的通用设计思路进行了分解和推理;在Sizzle的工作原理中,对Sizzle创造性的从右向左算法,进行了详细的分析。 但从右向左并不适用所... 阅读全文

posted @ 2011-11-18 21:08 nuysoft 阅读(6950) 评论(3) 推荐(3) 编辑

[原创] 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) 编辑

导航