开始计划时间读源码，第一节jQuery框架阅读思路整理(function(){jQuery = function(){}; jQuery一些变量和函数和给jQuery对象添加一些方法和属性extend : jQuery的继承方法的实现jQuery.extend() : 使用jQuery扩展一些工具方法Sizzle : jQuery自身实现的复杂选择器 Callbacks : 回调函数Deferred : 延迟对象（异步）support : 功能检测（嗅探）data() : 数据缓存queue() : 队列方法主要用于执行顺序管理 attr() prop() val() addCl...
jQuery源码（2.0.3）体系结构：(function(){ （21 ,94）：定义一些变量和函数：jQuery=function(){} （96 ，283）：个jQuery对象，添加一些方法和属性,（285 ，347）：extend：jQuery的继承方法 （349 ，817）：jQuery.extend()：扩展一些工具(静态)方法 （877 ，2856）：Sizzle：复杂选择器的实现 （2880，3042）：Callbacks：回调对象：对函数的管理 （3043, 3183）：Deferred：延迟对象：对异步的管理 （3...
jQuery的宗旨是Write Less, Do More。它对JavaScript的开发风格侵入性不如YUI那么强，当然也不如Dojo和YUI如此庞大。它极大的简化了JavaScript的日常开发工作，主要是DOM元素的操作（从名字Query就可以看出）。另外一个主要工作就是每个前端开发者都需要面对的浏览器兼容性。jQuery兼容所有主流浏览器的大部分版本，从万恶的IE6开始直到Firefox，Chrome等现代浏览器。除了居于核心的一小部分代码之外，剩下的jQuery都是松散的函数，...
上文提到，jquery的事件绑定有bind()，delegate()和one()以及live()方式。我用的jQuery2.1.3版本，live()已经被废弃了。bind()，delegate()和one()的内部源码。//7491行 bind: function( types, data, fn ) {returnthis.on( types, null, data, fn );}, //7498行 delegate: function( selector, types, data, fn ) {returnthis.on( types, selector, data, fn );}, //7474行 jQuery.each( ("blur focus focusin focusout load res...
/*!* Includes Sizzle.js 选择器，独立的库* http://sizzlejs.com/*/ (function( window, undefined ) { //"use strict";var// rootjQuery = jQuery(document) = $();压缩有用 rootjQuery,// dom是否加载完 readyList,// core_strundefined == ‘undefined‘core_strundefined = typeof undefined,// Use the correct document accordingly with window argument (sandbox)location = window.location,document = window....
每次看到三元表达式就会惶惶然分不清如何读，正如语文中的断句一样，jquery源码中的三元表达式更是不知如何断句。附jquery中的inArray实现。大家熟悉jquery的应该都不陌生inArray的用法。在源码实现中，先判断了arr是否存在，如果不存在，则可直接返回-1，否则进行后续判断，当存在indexOf方法时，则直接使用call来调用indexOf方法。否则继续。在jquery代码中处处体现代码构建者对于javascript的深刻理解，譬如这里对arr.length的缓...
实例化方法queue和原生方法dequeue实现了队列的管理当实现很复杂的动画时，队列管理显得很重要举例来说$("#div1").animate({"width":400,"height":300 },300).animate({"left":600 },300);这个动画希望先让#div1的宽变到400，高变到300，然后再让向右移动600需要注意的是在进行第一步操作的时候高一定会先到达目的值300，但是高到达目的值的时候宽不一定到了而且希望宽变成400，高变成300完事了以后再向右移动，而不是变宽变高的同...
这次学习 jQuery 源码，基于当前最新的版本，3.3.1，源码地址：jquery 先说一下LIFE函数；LIFE函数其实方法挺多的，CODE如下(function(){...})()!function foo(){...}(); +function foo(){...}(); void function() {...}();var a = function(){...}();但是在jquery中的立即执行或许比较迷惑（反正我是迷惑了）( function( global, factory ) {"use strict";if ( typeof module === "object" && typeof module.exports === "objec...
如果是做 web 的话，相信都非要对 Dom 进行增删查改，那这相信大家都或多或少接触到过 jQuery 类库，其最大特色就是强大的选择器，让开发者脱离原生 JS 一大堆 getElementById、getElementsByName...官方提供超长方法 api 。 jQuery 整体源码，本人也还在阅读中，暂时记录一下。（为什么要看源码，原因很简单---- 一 好好了解一下 jQuery 原理 二 为了装逼显摆）。 一 使用 jQuery 时候，首先需引入 jQuery 文件，...
下面的几个工具方法都是和dom加载有关，所以先从dom加载开始。用到的方法： isReady:DOM是否已经加载完（内部使用） readyWait()：等待多少文件的计时器（内部使用） holdReady():：推迟DOM触发 ready():准备DOM触发 jQuery.ready.promise = function( obj ) {}检测dom的异步操作先看一下jQuery和原生js加载方式有什么不同： $(function () {});window.onload = function () {};jQuery是等待页面中所有的dom...
说到jQuery, 大家可能直觉的认为jQuery的源码应该就是一个jquery.xx.js这样的一个文件. 但是看到真正的源码的时候, 整个人都思密达了.jQuery的源码做的事远比你想象的多, 为了保证代码的可维护性, 健壮性, 通用性等等, jQuery将各个功能模块独立成单个的js文件, 并通过依赖管理管理模块之间的依赖关系, 在构建的时候通过这种依赖关系将各个模块合并成一个js文件, 最后经过压缩混淆等步骤才会产生我们经常用的jquery.xx.min.js文件(...
1. jquery无new的构造函数。无new的构造函数是怎么实现的。比如我们一般这么用jQuery。 $(".test").text(); 但是我们一般是这么写的。 var test = new $(".test"); test.text(); 那么jquery的内部是怎么实现的呢？ 主要的妙处在于 jQuery.fn.init.prototype = jQuery.fn; 1) 首先 $("XXX")的实例化方式 内部时调用了 new jQuery.fn.init();所以构造实例其实是交给 jquery.fn.init() 去完成的。 2) jQ...
1、使用了jquery，但是觉得了解 jquery的源码才能 更容易知道怎么使用，所以在网上找了一些 jquery的源码 笔记 还有看了 妙味课堂 的 一部分视频，现在写一些总结。 一、 jquery的 总体架构：1、jquery 有良好的对外接口， window.jQuery = window.$ = jQuery;现在 是 通过jquery 2.0.3 源码的分析： (21,94) 21—94行， 定义了一些变量和函数， jQuery = function(); (96,283) 96—283行， 给 jQuery对象，添加一些属性和...
最近几天一直在研究jquery源码，由于水平太低看得昏头转向。本来理解的也不是很深刻，下面就用自己的想法来说下jquery是如何定义构造函数初始化的。如果有什么不对的地方，希望个位高手指出。 一般写构造函数如下function Aaa(){} Aaa.prototype.init = function(){}; Aaa.prototype.css = function(){};var a1 = new Aaa(); a1.init(); //初始化 a1.css(); jQuery写法如下function jQuery(){returnnew jQuery.prototype.ini...
下面对最后这几个方法进行讲解。 guid():唯一表示（内部） proxy()：改变this指向 access(): 多功能值操作 now():当前时间 swap():css交换（内部） guid：这个属性是对事件进行控制的，例如每次对dom元素进行绑定事件的时候，会通过这个属性进行绑定，这个属性每次自增，产生一个唯一的标示，所以对dom元素进行事件解绑等操作的时候，通过这个属性就可以找到。源码：// A global GUID counter for objectsguid: 1,p...