jQuery源码分析系列(39) : 动画队列

//These may be used throughout the jQuery core codebase
//存数据的
//用户使用
data_user = new Data();
//存储对象
//jQuery内部私有
//用来存事件的, 如click事件那种
data_priv = new Data();

存储对象: data_user

获取与设置方法: $.data(el, key, value)

存储对象: data_priv

获取与设置方法: $._data(el, key, value)

$(‘#aaron‘).data(‘key‘, ‘value‘)

$.fn.data = function(k, v) {
    return this.each(function() {
        this[key] = v //把接口data的value保存在dom对象上
    })
    return this
}

$(‘#aaron‘).data(‘nodeValue‘, ‘11111‘)

$(‘#aaron‘).data(‘key‘, function(){
    //操作
})

// If not, create one
if (!unlock) {
    unlock = Data.uid++;
    // Secure it in a non-enumerable, non-writable property
    try {
        descriptor[this.expando] = {
            value: unlock
        };
        Object.defineProperties(owner, descriptor);
        // Support: Android < 4
        // Fallback to a less secure definition
    } catch (e) {
        descriptor[this.expando] = unlock;
        jQuery.extend(owner, descriptor);
    }
}

//静态
jQuery.extend
//实例
.extend

this.queue(optall.queue, doAnimation);

jQuery.fn.extend({
    queue
    dequeue
    delay
    clearQueue
    promise

queue: function(type, data) {
    var setter = 2;
    //修正type, 默认为表示jquery动画的fx, 如果不为"fx", 
    //即为自己的自定义动画, 一般我们用"fx"就足够了.  
    if (typeof type !== "string") {
        data = type;
        type = "fx";
        setter--;
    }

    //只有动画的回调
    // div.slideToggle(1000);
    // div.slideToggle("fast");
    // div.animate({left:‘-=200‘},1500);
    // div.queue(‘fx‘)
    if (arguments.length < setter) {
        return jQuery.queue(this[0], type);
    }

    return data === undefined ?
        this :
        this.each(function() {
            //调用基础队列
            //设置动画队列缓存
            //并返回队列总数
            var queue = jQuery.queue(this, type, data);

            // ensure a hooks for this queue
            jQuery._queueHooks(this, type);

            //直接执行动画队列
            //防止在执行函数的时候, 这里又进行dequeue操作, 这样会同时执行2个函数, 队列就不受控制了.  
            if (type === "fx" && queue[0] !== "inprogress") {
                //如果队列没有被锁住, 即此时没有在执行dequeue. 移出队列里第一个函数并执行它.  
                jQuery.dequeue(this, type);
            }
        });
},

div.show(1000);
div.hide(2000)
div.show(3000)

if (type === "fx" && queue[0] !== "inprogress") {
    //如果队列没有被锁住, 即此时没有在执行dequeue. 移出队列里第一个函数并执行它.  
    jQuery.dequeue(this, type);
}

opt.complete = function() {
    if (jQuery.isFunction(opt.old)) {
        opt.old.call(this);
    }

    if (opt.queue) {
        jQuery.dequeue(this, opt.queue);
    }
};