手记

jquery 总体架构

1  jquery目录结构

代码清单 1-1 jQuery 源码(jquery-1.7.1.js)的总体结构

(function( window, undened ) {

   // 构造 jQuery 对象

   var jQuery = (function() {

       var jQuery = function( selector, context ) {

               return new jQuery.fn.init( selector, context, rootjQuery );

           }

       return jQuery;

   })();

   // 工具方法 Utilities

   // 回调函数列表 Callbacks Object

   // 异步队列 Deferred Object

   // 浏览器功能测试 Support

   // 数据缓存 Data

   // 队列 Queue

   // 属性操作 Attributes

   // 事件系统 Events

   // 选择器 Sizzle

   // DOM 遍历 Traversing

   // DOM 操作 Manipulation

   // 样式操作 CSS(计算样式、内联样式)

   // 异步请求 Ajax

   // 动画 Effects

   // 坐标 Offset、尺寸 Dimensions

   window.jQuery = window.$ = jQuery;

})(window);



2 自调用匿名函数

 

 

 

所有的jQuery源代码都在一个匿名自调用函数里面执行,这样写的好处有以下几点:

 

(1)所有代码都在局部环境不污染全局变量也不会跟其他库冲突 

(2)自调用让jQuery不用调用就会自动加载

作者还补充了两种自调用函数的方法,通过查找发现还有更多

附上网址http://www.cnblogs.com/snandy/archive/2011/02/28/1966664.html

 

3 传入了window作为参数

 

好处主要有两个:

(1)把window变成了一个局部变量,这样Jquery中访问window就可以在当前环境内找到直接使用,不需要向上查找,缩短了作用域链的长度提高了性能

(2)代码压缩方便,让jQuery体积更小(window压缩成a)

(function(a,b){ ... })(window);

// 参数 window 被压缩为 a,参数 undened 被压缩为 b

 

4 传入undefined 参数

主要是防止undefined被重写,也是方便压缩,在一些比较低版本的浏览器里面Undefined的值会被重写不是’undefined’;

  在浏览器中尝试修改 undened 的值


IE 6.0、IE 7.0、IE 8.0 now it's dened 可以改变

IE 9.0、IE 10.0 undened 不能改变

Chrome 16.0.912.77 now it's dened 可以改变

Chrome 17.0.963.56  undened 不能改变

Firefox 3.6.28  now it's dened 可以改变

Firefox 4.0 undened 不能改变

Safari 4.0.2 now it's dened 可以改变

Safari 4.0.4 undened 不能改变

Opera 11.52 now it's dened 可以改变

Opera 11.60 undened 不能改变

 

 

5 自调用匿名函数应该养成前后都加上分号的习惯表示语句结束


0人推荐
随时随地看视频
慕课网APP