jQuery源码架构

Posted wangqiang-01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery源码架构相关的知识,希望对你有一定的参考价值。

内容是基于jQuery2.0.3源码架构进行解析,感兴趣的小伙伴可以添加好友一起交流!

(function(){

line--(21 , 94) 定义了一些变量和函数 jQuery = function(){};

line--(96 , 283) 给JQ对象,添加一些方法和属性

line--(285 , 347) extend : JQ的继承方法

line--(349 , 817) jQuery.extend() : 扩展一些工具方法

line--(877 , 2856)  Sizzle : 复杂选择器的实现 

line--(2880 , 3042) Callbacks : 回调对象 : 对函数的统一管理

line--(3043 , 3183) Deferred : 延迟对象 : 对异步的统一管理

line--(3184 , 3295) support : 功能检测

line--(3308 , 3652) data() : 数据缓存

line--(3653 , 3797) queue() : 队列方法 : 执行顺序的管理 

line--(3803 , 4299) attr() prop() val() addClass()等 : 对元素属性的操作

line--(4300 , 5128) on() trigger() : 事件操作的相关方法

line--(5140 , 6057) DOM操作 : 添加 删除 获取 包装 DOM筛选

line--(6058 , 6620) css() : 样式的操作

line--(6621 , 7854) 提交的数据和ajax() : ajax() load() getJSON()

line--(7855 , 8584) animate() : 运动的方法

line--(8585 , 8792) offset() : 位置和尺寸的方法

line--(8804 , 8821) JQ支持模块化的模式

line--(8826)  window.jQuery = window.$ = jQuery;

})();

以上是关于jQuery源码架构的主要内容,如果未能解决你的问题,请参考以下文章

深入浅出jQuery源码浅析--整体架构

深入浅出jQuery源码浅析--整体架构

深入浅出jQuery源码浅析--整体架构(转)

深入浅出jQuery源码浅析--整体架构

深入浅出jQuery源码浅析--整体架构

学习 lodash 源码整体架构,打造属于自己的函数式编程类库