jquery源码分析总体架构

目录
  1. 说明
  2. 设计理念
  3. 整体架构
  4. 自调匿名函数
  5. 最后

说明

今年的年中2015.06.18,就在京东买了jquery技术内幕,今年九月初拿到offer以来就没有再找工作了,所以开始看了一部分这本书,当时只是看并没有整理成博客,现在自己的博客功能迭代的也可以了,还用七牛云做图床,所以就开始折腾整理成博客(加深学习理解)。

  • 我的这个博客系列其实就是学习笔记。
  • 下载的jquery1.7.1的方法:随便找一个cdn的输入网址后,改下版本就ok了。看这里

设计理念

wirte less, do more

jquery官网

整体架构

一图以蔽之:
jquery的总体架构
可见主要是有三个模块。

  • 入口模块:创建一个jQuery的构造函数。
  • 底层支持模块:还没接触过,看来要下一番功夫。
  • 功能模块:就是平时经常使用的那些方法的来由。

自调匿名函数

匿名函数一点也不陌生,在加载完jquery的文件后就会自调用,初始化jQuery的各个模块。

  • 创建一个特殊的作用域。避免了冲突。然后将jQuery变量添加到window对象上,从而jQuery对象成为了全局的。window对象
  • 通过给自调用函数添加参数window,使window对象成为局部变量,一可以让访问window对象的时候更加快,二可以在在压缩的时候优化。
  • 还参入了一个参数undefined,这样可以避免不同的浏览器在重写undefined的差异性。
  • 关于分号:在自调用结束后加上分号,可以有效的避免一些错误。

最后

关于源码分析,一直就特别想进行,很大的好处就是可以让自己对原生的js的理解程度加深。
关于学习源码的一些资料:

  1. 作者的博客还有
  2. 电子书下载,当然要支持作者啦,我就买了一本书,看的感觉好多了。
  3. 这还有个博客
  4. 慕课网视频