jQuery Deferred對(duì)象

baoxl 發(fā)布于2019-08-20 15:28 / 2141人閱讀

摘要：給普通的操作指定回調(diào)函數(shù)對(duì)象的最大優(yōu)點(diǎn)，就是它把這一套回調(diào)函數(shù)接口，從操作擴(kuò)展到了所有操作。方法用于指定對(duì)象狀態(tài)為已失敗時(shí)的回調(diào)函數(shù)。執(zhí)行完畢執(zhí)行成功執(zhí)行失敗接收一個(gè)或多個(gè)對(duì)象作為參數(shù)，為其指定回調(diào)函數(shù)。

什么是deferred對(duì)象

開(kāi)發(fā)網(wǎng)站的過(guò)程中，我們經(jīng)常遇到某些耗時(shí)很長(zhǎng)的javascript操作。其中，既有異步的操作（比如ajax讀取服務(wù)器數(shù)據(jù)），也有同步的操作（比如遍歷一個(gè)大型數(shù)組），它們都不是立即能得到結(jié)果的。

通常的做法是，為它們指定回調(diào)函數(shù)（callback）。即事先規(guī)定，一旦它們運(yùn)行結(jié)束，應(yīng)該調(diào)用哪些函數(shù)。

簡(jiǎn)單說(shuō)，deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。在英語(yǔ)中，defer的意思是"延遲"，所以deferred對(duì)象的含義就是"延遲"到未來(lái)某個(gè)點(diǎn)再執(zhí)行。

它解決了如何處理耗時(shí)操作的問(wèn)題，對(duì)那些操作提供了更好的控制，以及統(tǒng)一的編程接口。它的主要功能，可以歸結(jié)為四點(diǎn)。

ajax的鏈?zhǔn)綄?xiě)法

我們來(lái)看一個(gè)$.ajax請(qǐng)求的例子:

$.ajax({
    url: "test.jspx",
    success: function(data) {
        // 請(qǐng)求成功了
        // TODO
    },
    error: function(error) {
        // 請(qǐng)求失敗了
        // TODO
    }
});

上面的代碼再常見(jiàn)不過(guò)了，不過(guò)下面的寫(xiě)法你也一定看過(guò)：

$.ajax("test.jspx")
    .done(function(data) {
        // 請(qǐng)求成功了
        // TODO
    })
    .fail(function(error) {
        // 請(qǐng)求失敗了
        // TODO
    });
    
$.ajax({
    url: "test.jspx",
    type:"POST",
    data: data
}).done(function(data) {
    // 請(qǐng)求成功了
    // TODO
}).fail(function(error) {
    // 請(qǐng)求失敗了
    // TODO
});

其實(shí)在1.5.0版本的之前的jquery是不支持鏈?zhǔn)綄?xiě)法的，只能使用第一種寫(xiě)法，原因是此版本之前的jquery的ajax操作返回的是一個(gè)XHR (XMLHttpRequest) 對(duì)象，這個(gè)對(duì)象沒(méi)有像done和fail這樣的回調(diào)方法。

之后的版本返回的是一個(gè)deferred對(duì)象用promise方法包裝過(guò)的對(duì)象，可以進(jìn)行鏈?zhǔn)讲僮?，使用鏈?zhǔn)綄?xiě)法后，代碼可讀性大大提高。

為一個(gè)操作指定多個(gè)回調(diào)函數(shù)

如果要在一個(gè)ajax請(qǐng)求成功后再執(zhí)行別的回調(diào)函數(shù)，該怎么辦呢？直接在加在后面就可以了：

$.ajax("test.jspx")
    .done(function(data) {
        // 請(qǐng)求成功了
        // TODO
    }).fail(function(error) {
        // 請(qǐng)求失敗了
        // TODO
    }).done(function(data) {
        // 請(qǐng)求成功了
        // then TODO
    });

這種寫(xiě)法可以支持無(wú)數(shù)個(gè)回調(diào)函數(shù)，這寫(xiě)回調(diào)函數(shù)將按照添加順序依次執(zhí)行。

為多個(gè)操作指定回調(diào)函數(shù)

如果一個(gè)回調(diào)函數(shù)需要在幾個(gè)ajax請(qǐng)求都成功后才能執(zhí)行該怎么辦呢？是不是不好控制呢？其實(shí)jQuery提供了這樣一個(gè)方法$.when() 它可以接收任意個(gè)deferred對(duì)象，只有所有的deferred對(duì)象都狀態(tài)都為成功時(shí)才執(zhí)行done回調(diào)，否則執(zhí)行fail回調(diào)。

$.when($.ajax("test1.html"), $.ajax("test2.html"))
    .done(function() {
        // 兩個(gè)操作都請(qǐng)求都成功
        // TODO
    }).fail(function() {
        // 任意一個(gè)失敗
        // TODO
    });

上面代碼中，只有兩個(gè)請(qǐng)求都成功后才會(huì)執(zhí)行done回調(diào)，只要有一個(gè)失敗就執(zhí)行fail回調(diào)。

給普通的操作指定回調(diào)函數(shù)

deferred對(duì)象的最大優(yōu)點(diǎn)，就是它把這一套回調(diào)函數(shù)接口，從ajax操作擴(kuò)展到了所有操作。也就是說(shuō)，任何一個(gè)操作----不管是ajax操作還是本地操作，也不管是異步操作還是同步操作----都可以使用deferred對(duì)象的各種方法，指定回調(diào)函數(shù)。

var wait = function() {
    var dtd = $.Deferred();     // 新建一個(gè)deferred對(duì)象
    　　　　
    var tasks = function() {　　　　　　
        alert("執(zhí)行完畢！");　　　　　　
        dtd.resolve();          // 此操作完成后改變deferred對(duì)象的執(zhí)行狀態(tài)                      　　　　
    };　　　　  
    setTimeout(tasks, 5000);　　　　
    return dtd;　　
};

// 綁定回調(diào)函數(shù)               　　
$.when(wait())
    .done(function() {
        alert("執(zhí)行成功了！");
    })
    .fail(function() {
        alert("出錯(cuò)啦！");
    });

上面代碼的中的wait方法模擬了一個(gè)很耗時(shí)的操作，之后給這個(gè)操作指定了回調(diào)函數(shù)done和fail。一旦wait執(zhí)行完畢就會(huì)立即調(diào)用done這個(gè)回調(diào)函數(shù)。

Deferred對(duì)象的常用方法

上面已經(jīng)對(duì)deferred對(duì)象有所了解了，下面介紹一下deferred對(duì)象的常用方法。

deferred.resolve()

在jQuery的deferred對(duì)象中，規(guī)定了它有三種狀態(tài)：

未完成 繼續(xù)等待 
已完成  立即調(diào)用done回調(diào)

已失敗  立即調(diào)用fail回調(diào)

resolve方法的作用就是設(shè)置deferred對(duì)象狀態(tài)為已完成，deferred對(duì)象立刻調(diào)用done()方法指定的回調(diào)函數(shù)

deferred.reject()

reject方法的作用是設(shè)置deferred對(duì)象狀態(tài)為已失敗，deferred對(duì)象立刻調(diào)用fail()方法指定的回調(diào)函數(shù)

deferred.done()

done方法用于指定deferred對(duì)象狀態(tài)為已完成時(shí)的回調(diào)函數(shù)。

deferred.fail()

done方法用于指定deferred對(duì)象狀態(tài)為已失敗時(shí)的回調(diào)函數(shù)。

deferred.then()

then方法接收一到三個(gè)參數(shù)，分別指定deferred對(duì)象狀態(tài)為已成功、已失敗和繼續(xù)等待的回調(diào)函數(shù)。

deferred.always()

always方法用于指定deferred對(duì)象狀態(tài)為已成功或已失敗時(shí)的回調(diào)函數(shù)。

即無(wú)論這個(gè)deferred對(duì)象是成功還是失敗，只要執(zhí)行完畢都會(huì)調(diào)用此方法指定的回調(diào)。

由于此方法指定的回調(diào)函數(shù)的參數(shù)是不確定的（比如ajax請(qǐng)求成功和失敗返回的信息不同，成功時(shí)為返回的數(shù)據(jù)，失敗則為錯(cuò)誤信息），最好只使用它的行為，而不檢查其參數(shù)。如果要執(zhí)行的操作和參數(shù)有關(guān)，請(qǐng)顯示地指定done和fail回調(diào)。如下所示：

$.ajax("test1.html")
    .always(function() {
        // 不管請(qǐng)求是否成功，只要請(qǐng)求完畢就執(zhí)行
        // TODO
        console.log("已請(qǐng)求完畢，狀態(tài)未知");
    });

$.ajax("test1.html")
    .done(function(data) {
        // 請(qǐng)求成功時(shí)執(zhí)行
        // TODO
        console.log("請(qǐng)求已成功，返回?cái)?shù)據(jù)為：");
        console.log(data);
    })
    .fail(function(error) {
        // 請(qǐng)求失敗時(shí)執(zhí)行
        // TODO
        console.log("請(qǐng)求已失敗，錯(cuò)誤信息：");
        console.log(error.status, error.statusText);
    });

deferred.progress()

progress方法用于指定deferred對(duì)象狀態(tài)為等待中的回調(diào)函數(shù)。但是它僅在deferred對(duì)象生成了進(jìn)度通知時(shí)才會(huì)被調(diào)用。

請(qǐng)看下面例子：

var wait = function() {
    var dtd = $.Deferred(); // 新建一個(gè)deferred對(duì)象
    　　　　
    var tasks = function() {　　　　　　
        alert("執(zhí)行完畢！");　　　　　　
        dtd.resolve(); // 此操作完成后改變deferred對(duì)象的執(zhí)行狀態(tài)                       　　　　
    };　　　　
    setTimeout(tasks, 5000);　　　　
    return dtd;　　
};

// 綁定回調(diào)函數(shù)               　　
$.when(wait())
    .done(function() {
        alert("執(zhí)行成功了！");
    })
    .fail(function() {
        alert("出錯(cuò)啦！");
    })
    .progress(function(){
        console.log("正在執(zhí)行中..."); // 此處不會(huì)有任何輸出
    });

上面雖然指定了progress回調(diào)，但是卻為沒(méi)有任何作用的原因是由于在deferred對(duì)象沒(méi)有生成進(jìn)度通知，所以其不會(huì)被調(diào)用。

想要progress回調(diào)能執(zhí)行，需要在deferred對(duì)象上調(diào)用此回調(diào)。notify方法的作用就是根據(jù)給定的 args參數(shù) 調(diào)用Deferred對(duì)象上進(jìn)行中的progress回調(diào)。

var wait = function() {
    var dtd = $.Deferred(); // 新建一個(gè)deferred對(duì)象    
    var i = 1,
        timer,
        percent; // 記錄進(jìn)度


    var tasks = function() {
        if (i == 11) {
            alert("執(zhí)行完畢！");
            dtd.resolve(); // 此操作完成后改變deferred對(duì)象的執(zhí)行狀態(tài)
        } else {
            percent = (i * 500) / 5000 * 100 + "%";
            dtd.notify(percent); // 調(diào)用progress回調(diào)
            i++;
            setTimeout(tasks, 500);
        }
    };
    setTimeout(tasks, 1000);
    return dtd;
};
// 綁定回調(diào)函數(shù)
$.when(wait())
    .done(function() {
        alert("執(zhí)行成功了！");
    })
    .fail(function() {
        alert("出錯(cuò)啦！");
    })
    .progress(function(data) {
        console.log("執(zhí)行中,已完成", data);
    });
// 執(zhí)行中,已完成 10%
// 執(zhí)行中,已完成 20%
// 執(zhí)行中,已完成 30%
// 執(zhí)行中,已完成 40%
// 執(zhí)行中,已完成 50%
// 執(zhí)行中,已完成 60%
// 執(zhí)行中,已完成 70%
// 執(zhí)行中,已完成 80%
// 執(zhí)行中,已完成 90%
// 執(zhí)行中,已完成 100%
// 之后彈出 執(zhí)行完畢！和 執(zhí)行成功了！

這個(gè)方法給上傳文件或者耗時(shí)操作生成進(jìn)度條提供了一種可能。

jQuery3.0以上版本對(duì)when方法做了大幅調(diào)整。向promise/A+靠齊，上面的寫(xiě)法中notify是觸發(fā)不了when中的progress回調(diào)的，需要使用promise來(lái)給對(duì)象部署deferred接口或使用$.Deferred()傳入函數(shù)名。

簡(jiǎn)而言之，3.0以以上版本中，上面代碼中progress回調(diào)是不會(huì)進(jìn)去的，應(yīng)使用以下寫(xiě)法：

1、promise給一個(gè)對(duì)象部署Deferred接口：

var dtd = $.Deferred(); // 新建一個(gè)deferred對(duì)象
var wait = function(dtd) {
    var i = 1,
        timer,
        percent; // 記錄進(jìn)度
    var tasks = function() {
        if (i == 11) {
            alert("執(zhí)行完畢！");
            dtd.resolve(); // 此操作完成后改變deferred對(duì)象的執(zhí)行狀態(tài)
        } else {
            percent = (i * 500) / 5000 * 100 + "%";
            dtd.notify(percent); // 調(diào)用progress回調(diào)
            i++;
            setTimeout(tasks, 500);
        }
    };
    setTimeout(tasks, 1000);        
};
// 在wait對(duì)象上部署Deferred接口，此后就可以直接在wait上使用deferred對(duì)象promise后的方法了
dtd.promise(wait);
// 在wait對(duì)象上使用deferred對(duì)象的方法指定回調(diào)。
wait.done(function() {
    alert("執(zhí)行成功了！");
})
.fail(function() {
    alert("出錯(cuò)啦！");
})
.progress(function(data) {
    console.log("執(zhí)行中,已完成", data);
});
// 執(zhí)行
wait(dtd);

2、使用$.Deferred傳入函數(shù)名：

var wait = function(dtd) {
    var i = 1,
        timer,
        percent; // 記錄進(jìn)度

    var tasks = function() {
        if (i == 11) {
            alert("執(zhí)行完畢！");
            dtd.resolve(); // 此操作完成后改變deferred對(duì)象的執(zhí)行狀態(tài)
        } else {
            percent = (i * 500) / 5000 * 100 + "%";
            dtd.notify(percent); // 調(diào)用progress回調(diào)
            i++;
            setTimeout(tasks, 500);
        }
    };
    setTimeout(tasks, 1000);
    return dtd;
};    
// 綁定回調(diào)函數(shù)
$.Deferred(wait)
    .done(function() {
        alert("執(zhí)行成功了！");
    })
    .fail(function() {
        alert("出錯(cuò)啦！");
    })
    .progress(function(data) {
        console.log("執(zhí)行中,已完成", data);
    });

deferred.promise()

promise方法的作用是在原來(lái)的deferred對(duì)象上返回另一個(gè)deferred對(duì)象，后者只開(kāi)放與改變執(zhí)行狀態(tài)無(wú)關(guān)的方法（比如done()方法和fail()方法），屏蔽與改變執(zhí)行狀態(tài)有關(guān)的方法（比如resolve()方法和reject()方法），從而使得執(zhí)行狀態(tài)不能被改變。

                　　
        var dtd = $.Deferred(); // 新建一個(gè)Deferred對(duì)象
        　　
        var wait = function(dtd) {　　　　
            var tasks = function() {　　　　　　
                alert("執(zhí)行完畢！");　　　　　　
                dtd.resolve(); // 改變Deferred對(duì)象的執(zhí)行狀態(tài)        　　　　
            };　　　　
            setTimeout(tasks, 5000);　　　　
            return dtd;　　
        };　　
        $.when(wait(dtd))　　
            .done(function() {
                alert("執(zhí)行成功！");
            })　　
            .fail(function() {
                alert("出錯(cuò)啦！");
            });
        dtd.reject(); // 改變狀態(tài)為失敗，將立即觸發(fā)fail 5s后完成再出發(fā)done

如果我們把deferred對(duì)象定義在了函數(shù)外部，那么我們?cè)O(shè)置deferred對(duì)象的狀態(tài)就會(huì)導(dǎo)致調(diào)用對(duì)應(yīng)的回調(diào)。上面代碼中，最后調(diào)用reject方法，會(huì)導(dǎo)致立即調(diào)用了fail回調(diào)，5s之后又彈出執(zhí)行完畢和執(zhí)行成功。這將會(huì)導(dǎo)致不必要的混亂。使用promise方法就是一種解決方案。（之前寫(xiě)的將var dtd = $.Deferred()放在函數(shù)內(nèi)部，使得外部訪(fǎng)問(wèn)不到也是一種解決方案）。

var dtd = $.Deferred(); // 新建一個(gè)Deferred對(duì)象
　　
var wait = function(dtd) {　　　　
    var tasks = function() {
        alert("執(zhí)行完畢！");　　　　　　
        dtd.resolve(); // 改變Deferred對(duì)象的執(zhí)行狀態(tài)
    };　　　　
    setTimeout(tasks, 5000);　　　　
    return dtd.promise(); // 返回promise對(duì)象
    　　
};　　
var d = wait(dtd); // 新建一個(gè)d對(duì)象，改為對(duì)這個(gè)對(duì)象進(jìn)行操作
　　
$.when(d)
    .done(function() {
        alert("哈哈，成功了！");
    }).fail(function() {
        alert("出錯(cuò)啦！");
    });　　
d.resolve(); // d.resolve is not a function 經(jīng)過(guò)promise后沒(méi)有resolve方法了

我們看一下Deferred對(duì)象和它promise之后的區(qū)別。

promise返回的對(duì)象上已經(jīng)去掉了和改變狀態(tài)有關(guān)的方法。notify和notifyWith是調(diào)用progress回調(diào)，resolve和reject用于設(shè)置其狀態(tài)，帶with的方法可指定上下文環(huán)境。

此方法還可以接收Object類(lèi)型的參數(shù)，deferred.promise()會(huì)將事件綁定到該參數(shù)上，然后返回該對(duì)象，而不是創(chuàng)建一個(gè)新的對(duì)象。 這個(gè)方法可以用于在已經(jīng)存在的對(duì)象上綁定 Promise 行為的情況。示例如下：

var dtd = $.Deferred(); // 生成Deferred對(duì)象
　　
var wait = function(dtd) {　　　　
    var tasks = function() {　　　　　　
        alert("執(zhí)行完畢！");　　　　　　
        dtd.resolve(); // 執(zhí)行完畢后改變Deferred對(duì)象的執(zhí)行狀態(tài)
        　　　　
    };　　　　
    setTimeout(tasks, 5000);　　
};　　 
// 在wait對(duì)象上部署Deferred接口，此后就可以直接在wait上使用deferred對(duì)象promise后的方法了
dtd.promise(wait);
// 在wait對(duì)象上使用deferred對(duì)象的方法指定回調(diào)。
wait.done(function() {
    alert("哈哈，成功了！");
})　　.fail(function() {
    alert("出錯(cuò)啦！");
});　　
// 執(zhí)行
wait(dtd);

$.Deferred()

$.Deferred()除了創(chuàng)建一個(gè)deferred對(duì)象之外，可以接受一個(gè)函數(shù)名（注意，是函數(shù)名）作為參數(shù)，$.Deferred()所生成的deferred對(duì)象將作為這個(gè)函數(shù)的默認(rèn)參數(shù)。

var wait = function(dtd) {　　　　
    var tasks = function() {　　　　　　
        alert("執(zhí)行完畢！");　
        dtd.resolve();　　　　　　　　　
    };　　　　
    setTimeout(tasks, 5000);　　　　　　
};

$.Deferred(wait)
    .done(function() {
        alert("執(zhí)行成功！");
    })
    .fail(function() {
        alert("執(zhí)行失敗！");
    });

$.when()

接收一個(gè)或多個(gè)deferred對(duì)象作為參數(shù)，為其指定回調(diào)函數(shù)。

見(jiàn)為多個(gè)操作指定回調(diào)函數(shù)

deferred.then的傳遞作用

之前我們介紹了,then方法接一到三個(gè)參數(shù)，分別指定deferred對(duì)象狀態(tài)為已成功、已失敗和繼續(xù)等待的回調(diào)函數(shù)。

除此之外，then還可以傳遞遲延對(duì)象。我們知道，deferred可以鏈?zhǔn)讲僮鞯脑蚴瞧浞祷氐娜允?b>deferred對(duì)象。then中的回調(diào)函數(shù)如果沒(méi)有返回新的deferred對(duì)象時(shí)，將依然使用最開(kāi)始的那個(gè)deferred對(duì)象，如果在其也行返回一個(gè)deferred對(duì)象時(shí)，之后的操作將被轉(zhuǎn)移到在回調(diào)函數(shù)中return出來(lái)的新的deferred對(duì)象，從而進(jìn)行傳遞。

我們來(lái)看一個(gè)例子：

有5個(gè)js文件，其內(nèi)容如下：

// perosn.js
var Person = function(name){
    this.name= name;
};

// person.prototype.js
if (Person) {
    Person.prototype.showName = function() {
        return this.name;
    };
} else {
    console.error("Person is undefined!");
}

// zs.js
var zs = new Person("張三");

// ls.js
var ls = new Person("李四");

// introduce.js
var introduceEachOther = function() {
    console.log("張三：你好，我叫" + zs.showName());
    console.log("李四：你好，我叫" + ls.showName());
};

文件內(nèi)容都非常簡(jiǎn)單，僅做演示使用，但是其中的依賴(lài)關(guān)系非常明顯，person.prototype.js依賴(lài)于perosn.js，zs.js和ls.js依賴(lài)于person.js，introduce.js依賴(lài)于其他所有的js。

要分步加載，并保證可用，就必須保證在加載當(dāng)前js時(shí)，其依賴(lài)的js已經(jīng)加載完畢。

使用傳統(tǒng)的寫(xiě)法，勢(shì)必會(huì)嵌套多層，不僅邏輯不好處理，而且可讀性很差。

我們用then演示一下如何來(lái)傳遞遞延對(duì)象來(lái)完成這個(gè)操作。

$.ajax({
    url: "person.js",
    dataType: "script"
}).then(function() {
    console.log(Person); // person.js已經(jīng)加載成功
    console.log("person.js已經(jīng)加載成功"); 
    return $.ajax({
        url: "person.prototype.js",
        dataType: "script"
    });
}).then(function(data) {
    // 這里的data 上一步請(qǐng)求文件的內(nèi)容 是person.prototype.js而非person.js
    console.log(data);
    console.log(Person.prototype.showName);
    console.log("person.prototype.js已經(jīng)加載成功");
    // person.prototype.js 已經(jīng)加載
    return $.when($.ajax({
        url: "zs.js",
        dataType: "script"
    }), $.ajax({
        url: "ls.js",
        dataType: "script"
    }));
}).then(function(){
    // zs.js 和 ls.js 都加載完成
    console.log(zs,ls);
    console.log("zs.js和zs.js已經(jīng)加載成功");       
    return $.ajax({
        url: "introduce.js",
        dataType: "script"
    });
},function(){
    console.log("zs.js or ls.js failed");
}).then(function(){
    // 到此前面的所有資源都是加載成功的
    console.log("introduce.js已經(jīng)加載成功，且其依賴(lài)資源都加載成功了，可以使用了");       
    introduceEachOther();
});

在線(xiàn)地址

以上處理順序只是舉例演示，只要保證person.js最先加載，introduce.js最后加載，person.prototype.js在person.js之后即可。ls.js、zs.js與person.prototype.js的順序可以調(diào)整。

我們每次在then的第一個(gè)回調(diào)中返回了而一個(gè)新的遞延對(duì)象，之后的操作就是基于你返回的那個(gè)遞延對(duì)象了，第二個(gè)then回調(diào)中輸出的data證明了這一點(diǎn)。（如果沒(méi)有return出一個(gè)新的遞延對(duì)象的話(huà)，依然使用之前的那個(gè)。）

參考鏈接：

本文是照著下面的文章加上自己的學(xué)習(xí)體會(huì)書(shū)寫(xiě)的。

阮一峰：jQuery的deferred對(duì)象詳解

GPU云服務(wù)器云服務(wù)器 jquery_deferred對(duì)象對(duì)象jquery 轉(zhuǎn)jquery對(duì)象 Jquery對(duì)象數(shù)組

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/82273.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

baoxl

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

制作Deepin深度系統(tǒng)鏡像且快速安裝到筆記本電腦中

閱讀 2963·2021-10-20 13:46
歐路云：1核/1G/30G/30Mbps不限流量/洛杉磯三網(wǎng)GIA/帶150G防御/月付16元

閱讀 2517·2021-08-12 13:22
前端每日實(shí)戰(zhàn)：85# 視頻演示如何用純 CSS 創(chuàng)作一個(gè)小球反彈的動(dòng)畫(huà)

閱讀 2700·2019-08-30 15:54
vue中css樣式覆蓋問(wèn)題 vue中css樣式作用域 vue.js樣式不起作用

閱讀 2340·2019-08-30 15:53
Vue學(xué)習(xí)筆記（一）

閱讀 545·2019-08-30 13:47
JavaScript 是如何工作的：JavaScript 的內(nèi)存模型

閱讀 3581·2019-08-23 16:56
js中的｜與 && 運(yùn)算符詳解

閱讀 1725·2019-08-23 13:02
初學(xué)者可能不知道的vue技巧

閱讀 1795·2019-08-23 12:25

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

jQuery Deferred對(duì)象

相關(guān)文章

***jquery* 中的 deferred *對(duì)象***

$.when().done().then()的用法

jQuery的deferred對(duì)象詳解

**通過(guò) ES6 Promise 和 jQuery Deferred 的異同學(xué)習(xí) Promise**

***jQuery源碼解析Deferred異步對(duì)象***

**Promise介紹--Deferred及jQuery篇**

發(fā)表評(píng)論

0條評(píng)論

baoxl

男|高級(jí)講師

TA的文章

制作Deepin深度系統(tǒng)鏡像且快速安裝到筆記本電腦中

歐路云：1核/1G/30G/30Mbps不限流量/洛杉磯三網(wǎng)GIA/帶150G防御/月付16元

前端每日實(shí)戰(zhàn)：85# 視頻演示如何用純 CSS 創(chuàng)作一個(gè)小球反彈的動(dòng)畫(huà)

vue中css樣式覆蓋問(wèn)題 vue中css樣式作用域 vue.js樣式不起作用

Vue學(xué)習(xí)筆記（一）

JavaScript 是如何工作的：JavaScript 的內(nèi)存模型

js中的｜與 && 運(yùn)算符詳解

初學(xué)者可能不知道的vue技巧

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

jQuery Deferred對(duì)象

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！