爱程序网

Jquery学习笔记1-jquery总体代码框架

来源: 阅读:

   第一次在博客中记录自己的笔记,希望能坚持下去吧,加油!

  今天学习的是Jquery的源代码,官网上下载,然后使用DW(dream waver)编辑器打开Js(下载的是未压缩版),版本是2.0.3。第一次下下来之后,对其中的8000多行的代码表示跪下,确实是自己接触前端以来最多见到的一次(本人刚刚开始接触前端开发),首先还是按照自己学习的老套路,对整个的源代码进行分析,列好代码的框架(也可以去网易云课堂找相关的视频,下面部分的内容来源于视频“逐行分析Jquery源码的奥秘”):

  1. (21,94) 定义了一些变量和函数 jQuery= function(){}
  2. (96,283) 给JQ对象,添加一些方法和属性
  3. (285,347) extend:JQ的继承方法
  4. (349,817) jQuery.extend():扩展一些工具方法
  5. (877,2865) Sizzle :复杂选择器的实现
  6. (2880,3042) Callbacks:回调对象:对函数的统一管理
  7. (3043,3183) Deferred:延迟对象:对异步的统一管理
  8. (3184,3295) Suppot:功能检测
  9. (3308,3605) data:数据缓存
  10. (3653,3797) queue:队列管理
  11. (3803,4299) attr prop val addclass :对元素属性的操作
  12. (4300,5128) on trigger :事件操作的相关方法
  13. (5140,6057) DOM操作:添加,删除,获取的方法
  14. (6058,6620) CSS方法:样式的操作 浏览器的兼容, 写法等。
  15. (6621,7854) 提交数据和AJAX操作:ajax功能,load()跨域等方法
  16. (7855,8584) animate():运动的方法,show hide
  17. (8585,8792) offset:位置与尺寸的方法
  18. (8804,8821)JQ支持模范划的一些操作
  19. (8862) jQuery对外提供的接口,window.jQuery=window.$ = jQuery

  需要对上面的内容做出解释,括号的内容是表示代码的行数:括号内的数字是表示一段功能函数的起始和结束的代码。

 

  ps:注释中会出现一些类似这样:#1234 的数字,这些数字可以通过官网查看搜索它们的详细信息。

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助