第一次在博客中记录自己的笔记,希望能坚持下去吧,加油!
今天学习的是Jquery的源代码,官网上下载,然后使用DW(dream waver)编辑器打开Js(下载的是未压缩版),版本是2.0.3。第一次下下来之后,对其中的8000多行的代码表示跪下,确实是自己接触前端以来最多见到的一次(本人刚刚开始接触前端开发),首先还是按照自己学习的老套路,对整个的源代码进行分析,列好代码的框架(也可以去网易云课堂找相关的视频,下面部分的内容来源于视频“逐行分析Jquery源码的奥秘”):
- (21,94) 定义了一些变量和函数 jQuery= function(){}
- (96,283) 给JQ对象,添加一些方法和属性
- (285,347) extend:JQ的继承方法
- (349,817) jQuery.extend():扩展一些工具方法
- (877,2865) Sizzle :复杂选择器的实现
- (2880,3042) Callbacks:回调对象:对函数的统一管理
- (3043,3183) Deferred:延迟对象:对异步的统一管理
- (3184,3295) Suppot:功能检测
- (3308,3605) data:数据缓存
- (3653,3797) queue:队列管理
- (3803,4299) attr prop val addclass :对元素属性的操作
- (4300,5128) on trigger :事件操作的相关方法
- (5140,6057) DOM操作:添加,删除,获取的方法
- (6058,6620) CSS方法:样式的操作 浏览器的兼容, 写法等。
- (6621,7854) 提交数据和AJAX操作:ajax功能,load()跨域等方法
- (7855,8584) animate():运动的方法,show hide
- (8585,8792) offset:位置与尺寸的方法
- (8804,8821)JQ支持模范划的一些操作
- (8862) jQuery对外提供的接口,window.jQuery=window.$ = jQuery
需要对上面的内容做出解释,括号的内容是表示代码的行数:括号内的数字是表示一段功能函数的起始和结束的代码。
ps:注释中会出现一些类似这样:#1234 的数字,这些数字可以通过官网查看搜索它们的详细信息。