JQuery 笔记(二)【21~94】定义变量和函数

【21~58】 定义变量和函数（一）

源码笔记：

var
    rootjQuery,// JQ的根目录，在866行进行赋值操作rootjQuery = jQuery(document);
    readyList,// 和DOM加载有关
    core_strundefined = typeof undefined,// 得到"undefined"

    location = window.location,// 其实不存也可用，但是存了便于压缩成一个字符
    document = window.document,
    docElem = document.documentElement,// 网址信息,document和页面节点的html标签

    _jQuery = window.jQuery,// 防冲突的,以防其他库也有$
    _$ = window.$,

    class2type = {},// 使用$.type()时要用到的,用于类型判断
    // 最终会存成class2type = { '[Object String]' : 'string' , '[Object Array]' : 'array' }

    core_deletedIds = [],// 之前版本里和缓存数据有关
    // 该版本的数据存储改成面向对象的写法了，已经用不上了，只是简单的空数组

    core_version = "2.0.3",// 版本

    core_concat = core_deletedIds.concat,// 对常用的数组、字符串、对象自变量下的方法进行存储，便于使用和压缩
    core_push = core_deletedIds.push,
    core_slice = core_deletedIds.slice,
    core_indexOf = core_deletedIds.indexOf,
    core_toString = class2type.toString,
    core_hasOwn = class2type.hasOwnProperty,
    core_trim = core_version.trim,// 去字符串前后空格 IE6~8不可用

备注：

**1.core_strundefined = typeof undefined, **

window.a == undefined;
typeof window.a == undefined;//二者功能大致相同。
//但，IE6~9下前者判断不出XML的方法和属性是否为undefined。后者全兼容。

2._jQuery = window.jQuery, 与 _$ = window.$,

var $ = 10;
<script src="jQuery.js"></script>
// 前面把$另作他用，但当加载了JQ时，会把这个值为10的$赋给_$,避免与JQ的$冲突。
// 如无另用$，则加载了JQ时，window.$不存在，_$里存的值为undefind。
// 具体防冲突的方法在349~817。

---

【21~58】 定义变量和函数（二）

源码笔记：

jQuery = function( selector, context ) {// $(),jQuery()调用的都是这个函数
    return new jQuery.fn.init( selector, context, rootjQuery );
},// 96行 jQuery.fn = jQuery.prototype

备注：

普通面向对象的写法：

function Aaa() { }

Aaa.prototype.init = function () {};// 初始化
Aaa.prototype.css = function () {};

var a1 = new Aaa();// 得用new
a1.init();//使用时得先调用初始化方法
a1.css();

JQ的做法：

function jQuery(){
    return new jQuery.prototype.init();// 返回构造函数
}

jQuery.prototype.init = function () {};// 初始化
jQuery.prototype.css = function () {};

jQuery.prototype.init.prototype = jQuery.prototype;// 283行有这句话
//作用：使二者为引用关系，互影响。没有这句，会找不到jQuery.prototype.css。

jQuery().css();// 不需调用初始化方法，更直观。
// 使用jQuery()即可，不需用new了

---

【66~94】 定义变量和函数（三）

源码笔记：

core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,//css方法时会用到

core_rnotwhite = /\S+/g,// 用于匹配单词(单词间有空格)

rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,// 匹配<p>aaaa 或 #div1

rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,// 匹配空标签,如<p></p>

// 驼峰转法
rmsPrefix = /^-ms-/,// ms是IE的前缀,IE是这样的M为大写，如MsMarginLeft，需特殊处理
rdashAlpha = /-([\da-z])/gi,// 转大小写，带数字的也可转，如-2d --> 2d,把横杆去掉

fcamelCase = function( all, letter ) {// 转驼峰的回调函数
    return letter.toUpperCase();
},

completed = function() {// document加载成功触发的回调函数
    document.removeEventListener( "DOMContentLoaded", completed, false );
    window.removeEventListener( "load", completed, false );
    jQuery.ready();
};

备注：

1.rquickExpr = /^(?:\s(<[\w\W]+>){FNXX==XXFN}|#([\w-]*))$/, **

rquickExpr = 匹配标签  |  匹配ID
一些网站如：www.xxx.com/#ID，会通过修改#ID来跳转页面。
过去黑客会针对这个漏洞来进行XSS（注入木马的方式），通过location的哈希值注入。
比如修改#ID为#<div>。
现在这个正则会识别真正的ID而不是带<>的标签，是可以防止注入的。

2.rmsPrefix = /^-ms-/,

margin-left    -->  js中写magrinLeft
-webkit-margin-left   -->  js中写webkitMagrinLeft
但IE是这样
-ms-margin-left   -->  js中写MsMagrinLeft   首字母是大写
所以IE要特殊对待一下