jQuery 源码阅读 - 框架

前情提要

repository: https://github.com/jquery/jquery/
npm: https://www.npmjs.com/package/jquery
home: https://jquery.com/
video: https://www.bilibili.com/video/BV1b4411L7eX?p=2&spm_id_from=pageDriver

版本与方法

版本

2.0.3
源码如下：点击下载
PS: 将源码进行了代码格式化，英文注释的不晓得在哪找

方法

1. 断点跟踪
2. 首先摸清框架，然后细看。

编辑器

vscode：在这主要作用是可以高亮和折叠代码。

框架 （与行数）

1. 定义一些变量和函数 jQuery = function(){} 》 15 ~ 48
2. 给 jQuery 对象，添加一些方法和属性 》 49 ~ 154
3. extend ： jQuery 的继承方法 》 155 ~ 195
4. jQuery.extend() : 扩展一些工具方法 》 196 ~ 526
5. Sizzle : 复杂选择器的实现 》 537 ~ 1815
6. Callbacks : 回调对象， 对函数的统一管理 》 1816 ~ 1947
7. Deferred : 延迟对象， 对异步的统一管理 》 1949 ~ 2014
8. support ：功能检测 》 2054 ~ 2119
9. data() ： 数据缓存 》 2120 ~ 2316
10. queue() ： 队列管理 》 2317 ~ 2428
11. attr() prop() addClass() 等：对元素属性的操作 》 2429 ~ 2773
12. on() trigger() : 事件操作 event 的相关方法 》 2774 ~ 3350
13. DOM 操作 ：添加 删除 获取 包装 DOM筛选 》 3351 ~ 4015
14. css() : 样式的操作 》 4016 ~ 4482
15. 提交的数据和 ajax() : ajax() load() getJson() 》 4483 ~ 5170
16. animate() : 运动的方法 》 5171 ~ 5730
17. offset() : 位置和尺寸的方法 》 5731 ~ 5890
18. jQuery 支持模块化的模式 》 5891 ~ 5900
19. window.jQuery = window.$ = jquery 》 5901 ~ 5904

本文作者： jeneen
发布时间： 2022-02-23
最后更新： 2023-05-09
本文标题： jQuery 源码阅读 - 框架
本文链接： https://zx1001011.github.io/2022/02/23/jquery-source/
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！

赏

谢谢你请我吃糖果

支付宝

微信