美文网首页
jquery2.1.4 源码分析

jquery2.1.4 源码分析

作者: wjing | 来源:发表于2016-05-25 22:01 被阅读182次

    计划:看完这两篇教程,因为API已经很熟悉了。
    jQuery源码解析(架构与依赖模块)[http://www.imooc.com/learn/172]

    理解架构

    细节

    $( "input:checked" )
    五大块:选择器,DOM操作,事件,AJAX,动画
    13个模块:

    立即调用函数表达式

    ;(function(window,undefined) {
        //undefined
    })(window)
    

    这里的undefined不是js中的保留字,只是普普通通的用户名,可以允许用户对其赋值

    匿名函数

    function ajQuery1(){
       show('ajQuery1')
    }
    // 会提升,匿名函数
    
    var ajQuery2 = function(){
       show('ajQuery2')
    }
    //不会提升,函数表达式
    
    ;(function(){
        show('ajQuery3')
    })()
    //匿名函数调用
    
    var ajQuery4 = function(){
        show('ajQuery4') 
    }();
    //函数表达式调用    
    

    类数组对象

    能看明白,大概意思也能理解,只是不知道实际中该如何使用

    dom文档加载的步骤

    (1) 解析HTML结构。
    (2) 加载外部脚本和样式表文件。
    (3) 解析并执行脚本代码。
    (4) 构造HTML DOM模型。//ready
    (5) 加载图片等外部文件。
    (6) 页面加载完毕。//load
    

    看不懂

    noconflict

    只要把那两个js引入就好,不用在意顺序。

    核心模块

    对象的构造

    是之前看过的,很好理解

    分离构造器

    new:原型与this连接起来

    2-1 2-2 2-3 都看不懂

    方法链式调用

    核心是return当前的实例对象this

    插件接口

    插件分两种
    1、静态方法:$.method,挂在$的命名空间下,jquery.extend调用的时候上下文指向的是jquery的构造器
    2、实例方法:$('').method,挂在jquery的原型下,jquery.fn.extend调用的时候上下文指向的是jquery构造器的实例对象

    看不懂

    回溯处理

    jquery对象栈

    1、end():回到前一个jquery对象

    return this.prevObject || this.constructor(null);
    

    2、andSelf addBack:在栈中回溯一个位置,把两个位置上的元素集组合起来,并把这个新的、组合之后的元素集推入栈的上方。

    不想看了,觉得对现在没用

    jQuery源码解析(DOM与核心模块)[http://www.imooc.com/learn/222]

    相关文章

      网友评论

          本文标题:jquery2.1.4 源码分析

          本文链接:https://www.haomeiwen.com/subject/bsvtdttx.html