
jQuery2.0.3
jQuery2.0.3源码解读
「已注销」
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
0.jQuery2.0.3源码解析目录
对jQuery2.0.3源码的解析,并不是完全一行一行顺着代码进行解析的,而是根据我对jQuery源码理解进行解析。以下是目录:jQuery2.0.3大体框架、jQuery.fn.init函数 jQuery.fn = jQuery.prototype以及jQuery.fn.init函数详解 jQuery.extend = jQuery.fn.extend函数详解相关资料来源:B站视频,逐行分析jQuery源码[完整版]:https://www.bilibili.com/video/..原创 2020-06-17 00:04:18 · 233 阅读 · 0 评论 -
1.jQuery2.0.3大体框架、jQuery.fn.init函数
jQuery2.0.3大体框架:jQuery2.0.3总体架构如下:(function( window, undefined ) {})( window );jquery-2.0.3,总体看是一个匿名函数自执行,导入js文件后,就会立即执行,同时可以封装内部的变量,避免变量污染。内部声明的jQuery函数。jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context,原创 2020-06-17 10:51:04 · 242 阅读 · 0 评论 -
2.jQuery.extend = jQuery.fn.extend函数详解
jQuery.extend = jQuery.fn.extend函数详解原创 2020-06-17 00:40:04 · 215 阅读 · 0 评论 -
3.jQuery.extend()扩展的一些工具方法
前提:这里是349行开始的,调用jQuery.extend为jQuery添加的一些的属性,设计比较底层,当然,有些会涉及到jQuery.Callbacks和jQuery.Deferred,再这里就暂时放过,之后再解析。jQuery.extend,在之前就已经讲过了,在这里,输入的是一个对象,意义就是把这个对象中的属性挂载到jQuery,使得外部可以直接使用jQuery或者$对对象进行调用。一些需要了解,内部已经声明好的、可以直接调用的变量,在21行开始的首页就有声明:_jQuery = wi原创 2020-06-17 20:55:44 · 279 阅读 · 0 评论 -
4.jQuery.Callbacks大致意义讲解
jQuery.Callbacks:作用是对加载的回调函数进行统一管理。需要前置的了解一些知识:core_rnotwhite = /\S+/g:正则,用来匹配任何非空白字符(空白字符,包括空格、制表符、换页符等等)。 var optionsCache = {}:一个空对象,用于存储缓存选项 createOptions:function createOptions(options) { var object = optionsCache[options] = {}; jQuery.eac原创 2020-06-18 15:56:01 · 291 阅读 · 0 评论 -
5.jQuery.Callbacks内部核心函数详细解析
前提:最好将之前的大致意义讲解花时间看一下。只挑关键的几个函数讲。add:list判断:add: function() { if ( list ) { }}首先是大前提,要判断list存在,只有list存在,是数组(哪怕是空数组),就可以通过判断,进入add()函数将元素添加到list中:(function add( args ) { jQuery.each( args, function( _, arg ) { });})( arguments );原创 2020-06-18 22:15:23 · 366 阅读 · 0 评论 -
6.jQuery.Deferred相关
简介:Deferred相关功能,用于延迟对象,实现对异步的统一管理。代码框架如下:jQuery.extend({ Deferred: function( func ) { }, when: function(subordinate){ }});可以看出就是为jQuery添加了Deferred、when两个属性方法。通过调用这两个方式实现对异步的统一管理。代码详解:Deferred:可以从源码中看出来,Deferred声明了tuples、state、原创 2020-06-19 22:23:22 · 195 阅读 · 0 评论 -
7.Data相关,数据管理
简介:$().data,用于在jQuery实例对象中存储对象数据。通过$().data存储、获取数据。代码大体框架:var data_user, data_priv, rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,rmultiDash = /([A-Z])/g;function Data() {}Data.uid = 1;Data.accepts = function(owner) {}Data.prototype = { ke原创 2020-06-27 13:18:14 · 351 阅读 · 0 评论 -
8.queue,队列管理
简介:在data的基础上,在数据对象中添加一个一个属性,属性内容指定是队列。代码大体框架:jQuery.extend({ queue: function( elem, type, data ) { }, dequeue: function( elem, type ) { }, _queueHooks: function( elem, type ) { }});jQuery.fn.extend({ queue: function( type, data ) { },原创 2020-06-27 22:46:19 · 308 阅读 · 0 评论