每个Element可以拥有多个队列，但是基本上都只使用到一个，即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如：$("#foo").slideUp().fadeIn();其实这个就是我们大家常用的链式调用，实际上这是一个Queue。所以队列和Deferred地位类似，是一个内部使用的基础设施。当slideUp运行时，fadeIn被放到fx队列中，当slideUp完成后，从队列中被取出运行。queue函数允许直接操作这个链式调用的行为。同时，queue可以指定队...
作者：nuysoft/高云 QQ：47214707 EMail：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。 在分析Sizzle源码之前，先整理一下选择器的工作原理 先明确一些选择器中用到的名词，后边阅读时不会有歧义： 选择器表达式： "div > p" 块表达式： "div" "p" 并列选择器表达式： "div, p" 块分割器： Sizzle中的chunker正则，对选择器表达式从左向右分割出一个个块表达式 查找器： 对块表达式进行查找，...
5. 异步队列 Deferred 5.1 概述 异步队列是一个链式对象，增强对回调函数的管理和调用，用于处理异步任务。 异步队列有三种状态：初始化（unresolved），成功（resolved），失败（rejected）。 执行哪些回调函数依赖于状态。 状态变为成功（resolved）或失败（rejected）后，将保持不变。 回调函数的绑定可以是同步，也可以是异步的，即可以在任何时候绑定。 （本节中的 绑定 注册 增加 具有相同的含义） 5.2 关键方法 先看看jQuer...
1. 总体架构 1.1 自调用匿名函数 self-invoking anonymous function 打开jQuery源码，首先你会看到这样的代码结构： 代码如下: (function( window, undefined ) { // jquery code })(window); 1. 这是一个自调用匿名函数。什么东东呢？在第一个括号内，创建一个匿名函数；第二个括号，立即执行 2. 为什么要创建这样一个“自调用匿名函数”呢？ 通过定义一个匿名函数，创建了一个“私有”的命名空间，该命名空间的变量和方法，不会...
作者：nuysoft/JS攻城师/高云 QQ：47214707 EMail：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。 后文预告：jQuery中的正则表达式分析 2.4 常用正则表达式 在网上找到一篇广为流传的文章《常用正则表达式》，逐一分析，不足地方进行补充和纠正。 代码如下: 常用的数字正则（严格匹配） 正则 含义 ^[1-9]\d*$ 匹配正整数 ^-[1-9]\d*$ 匹配负整数 ^-?[1-9]\d*$ 匹配整数 ^[1-9]\d*|0$ 匹配非负...
作者：nuysoft/高云 QQ：47214707 EMail：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。 读读写写，不对的地方请告诉我，多多交流共同进步，本章的的PDF等本章写完了发布。 jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451，想系统的好好写写，目前还是从我感兴趣的部分开始，如果大家有对哪个模块感兴趣的，建议优先分析的，可以告诉我，一起学习。 3.4 其他静态工具函...
作者：nuysoft/高云 QQ：47214707 EMail：nuysoft@gmail.com 毕竟是边读边写，不对的地方请告诉我，多多交流共同进步。本章还未写完，完了会提交PDF。 前记： 想系统的好好写写，但是会先从感兴趣的部分开始。 近期有读者把PDF传到了百度文库上，首先感谢转载和传播，但是据为已有并设置了挺高的财富值才能下载就不好了，以后我整理好了会传到文库上。请体谅一下。 3. 构造jQuery对象 3.1 源码结构 先看看总体结构，再做分解： ...
该插件被广泛应用于各种需要评分的页面当中，今天作为学习，把源码拿出来分析一下，顺便学习其使用方法。 一、插件使用一览。 代码如下: 第一个例子 代码如下: $(function () { $(".myRating").jRating({ length:10 }); }); 执行效果： 可以看到，上面的例子中，有10颗星，是参数length的作用。其中，默认总分是20分，就是10颗星都选择。这里我们着重注意的id16_1，其中16被用来初始化评分插件默认选择的比例，16/20 *...
拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。 废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过， 不过这几年都是做移动端，一直御用zepto, 最近抽出点时间把jquery又给扫一遍 我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！ github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准 整体架构 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、 例如：代码如下:...
jQuery的源码中有很多值得学习借鉴的技巧，本文即收集了jQuery中出现的各种遍历技巧和场景。具体分析如下：// 简单的for-in（事件） for ( type in events ) { } // 缓存length属性，避免每次都去查找length属性，稍微提升遍历速度 // 但是如果遍历HTMLCollection时，性能提升非常明显，因为每次访问HTMLCollection的属性，HTMLCollection都会内部匹配一次所有的节点 for ( var j = 0, l = handlers.length; j = 0 ; --j ) { i...
最近在使用jQuery的$.each方法时很，突然想到$.each($(‘div'),function(index,entity){});中的这个index和entity是哪冒出来的，而且可有可无的，而且这么高大上的能告诉我们当前遍历的下标和实例。所以看了一下jQuery源代码，是这么写的：调试的时候走的是标红的这段代码，然后用到了callback.call这个函数，于是翻看了一下《js高级程序设计》，其中有比较深的解释。 首先，function是一个指向Function对象，函数名是一个指向函数...
本文实例讲述了jQuery源码分析之jQuery.fn.each与jQuery.each用法。分享给大家供大家参考。具体分析如下： 先上例子，下面代码的作用是：对每个选中的div元素，都给它们添加一个red类代码如下:$(div).each(function(index, elem){$(this).addClass(red); } }); 上面用的的.each，即jQuery.fn.each，其内部是通过jQuery.each实现的代码如下:jQuery.fn.each 先贴一下类官方API说明，非常简单，只有两点需要注意 上文例子里的$(this)....
事件绑定的方法有很多种，使用了jquery那么原理那种绑定方式(elem.click = function(){...}))就不太想推荐给大家了。最主要的原因是elem.click=fn这种方式只能绑定一个事件处理，多次绑定的只会保留最后一次绑定的结果。 下面给大家介绍jquery绑定事件的方式有哪些吧。代码如下: jQuery.fn.eventType([[data,] fn])比如eventType指的是事件类型，比如click: $("#chua").click(fn); data这个参数一般都不会使用。这种方式事件绑定在...
又是一个重磅功能点。在分析源码之前分析一下体系结构，有助于源码理解。实际上在jQuery出现之前，Dean Edwards的跨浏览器AddEvent()设计做的已经比较优秀了；而且jQuery事件系统的设计思想也是基于该思想的，所以我们先分析一下Dean Edwards前辈的事件绑定。 a. jQuery事件原型——Dean Edwards的跨浏览器AddEvent()设计源码解读//事件添加方法 function addEvent(element, type, handler) {//保证每个不同的事件响应函数只有唯一...
在上篇文章给大家介绍了jQuery-1.9.1源码分析系列（十）事件系统之事件体系结构，本篇继续给大家介绍jquery1.9.1源码分析系列相关知识，具体内容请看下文吧。 首先需要明白，浏览器的原生事件是只读的，限制了jQuery对他的操作。举个简单的例子就能明白为什么jQuery非要构造一个新的事件对象。在委托处理中，a节点委托b节点在a被click的时候执行fn函数。当事件冒泡到b节点，执行fn的时候上下文环境需要保证正确，是a节点执行了fn而...