深入解析ES6中的promise
ES6中的promise對(duì)象很早就聽(tīng)說(shuō)過(guò)，據(jù)說(shuō)是為了解決我們使用回調(diào)產(chǎn)生回調(diào)地獄的問(wèn)題。今天下午既然有這么想學(xué)的欲望，就來(lái)看一看吧，當(dāng)然參考的還是阮一峰老師的教程。
第一部分：什么是Promise
看本文的最后一個(gè)例子，迅速理解。
Promise是ES6中的一個(gè)內(nèi)置的對(duì)象（實(shí)際上是一個(gè)構(gòu)造函數(shù)，通過(guò)這個(gè)構(gòu)造函數(shù)我們可以創(chuàng)建一個(gè)Promise對(duì)象），它是為了解決異步問(wèn)題的。Promise的英文意思是承諾。
Promise的特點(diǎn)如下：
•Promise有三種狀態(tài)：Pending（進(jìn)行中）、Resolved（已完成）、Rejected（已失敗）。只有異步操作的結(jié)果，可以決定當(dāng)前是哪一種狀態(tài)，任何其他操作都無(wú)法改變這個(gè)狀態(tài)。這就是Promise。
•Promise一共有三種狀態(tài)，但是他們之間是如何轉(zhuǎn)化的呢？ 其一： 從Pending（進(jìn)行中）到Resolved（完成）。其二： 從Pending（進(jìn)行中）到Rejected（已失敗）。 且只有這兩種形式的轉(zhuǎn)變，即使是Promise對(duì)象的結(jié)果也無(wú)力回天了。
但是Promise也是有一定的缺點(diǎn)的，如在Pengding時(shí)，我們無(wú)法取消狀態(tài)，另外，我們沒(méi)法判斷Pending究竟是剛剛開(kāi)始的Pending還是即將要完成的Pending。
第二部分：使用Promise
前言：
在下面例子的講解中，我們需要使用到setTimeout函數(shù)，這里首先說(shuō)明setTimeout的一些重要用法。一般我們常用的如下所示：
setTimeout(func(){}, 1000);
即在1000ms之后執(zhí)行func函數(shù)，但是其實(shí)setTimeout還可以傳入更多的參數(shù)。這篇博客做了講解，而這里為了了解下面的例子我們只需要知道，在chrome中可以傳入第三個(gè)、第四個(gè)參數(shù)....作為func()函數(shù)的參數(shù)傳遞進(jìn)去，舉例如下：
setTimeout(function (a, b) {
console.log(a + b);
}, 1000, 20, 50);
最終的輸入結(jié)果是：70
下面的代碼創(chuàng)建了一個(gè)Promise實(shí)例：
var promise = new Promise(function(resolve, reject) {
// ... some code
if (/* 異步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
其中，由于Promise是構(gòu)造函數(shù)，所以我們使用new來(lái)創(chuàng)建一個(gè)對(duì)象即可， 值得注意的是：function(resolve, reject){}這個(gè)函數(shù)是必須要寫的，否則就不是Promise了。
這個(gè)函數(shù)是為了初始化Promise對(duì)象，其中這個(gè)函數(shù)接受了兩個(gè)函數(shù)作為參數(shù)， 如果在函數(shù)體中我們執(zhí)行了resolve函數(shù)，那么Promise的狀態(tài)就會(huì)由pending轉(zhuǎn)化為resolved（或fullfilled，兩者是相同的），類似的，如果我們執(zhí)行了reject函數(shù)，pending就會(huì)變成 rejected。
注意： 這個(gè)例子的if語(yǔ)句不是必要的，這里想要表達(dá)的意思是如果得到了異步成功的相關(guān)結(jié)果，我們就將調(diào)用resolve，將pending轉(zhuǎn)化為resolved，并且將異步成功后的value值傳遞進(jìn)去以便后面使用，說(shuō)是以便后面使用是因?yàn)镻romise還有一個(gè)then()方法，即可以定義在異步成功（或失?。┲笮枰龅氖虑?。這也就是resolve和reject內(nèi)置函數(shù)存在的意義了。
當(dāng)創(chuàng)建了這個(gè)Promise對(duì)象之后，就一定會(huì)有一個(gè)結(jié)果了，但是成功和失敗還是不確定的，我們需要根據(jù)判斷結(jié)果的成功和失敗來(lái)做不同的事情，于是用到了then()方法，如下所示：
promise.then(function(value) {
// success
}, function(error) {
// failure
});
下面是一個(gè)例子，并做了詳盡的說(shuō)明：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>testsettimeout</title>
</head>
<body>
<script>
var promise = new Promise(function (resolve, reject) {
console.log("good");
var a = 10;
var b = a + 25;
if ( b === 35 ) {
// 一旦異步執(zhí)行成功，我們就調(diào)用內(nèi)置的 resolve函數(shù)，將pending狀態(tài)轉(zhuǎn)化為resolved，并且傳入我們希望傳出的執(zhí)行成功后的結(jié)果。
// 注意： 這里一旦狀態(tài)轉(zhuǎn)變，那么后面就一定會(huì)調(diào)用then方法中的第一個(gè)參數(shù)的函數(shù)，然后將我們傳入給resolve的參數(shù)傳給then方法中的第一個(gè)方法作為參數(shù)，我們就可以在then的第一個(gè)方法中使用了。
resolve(b);
} else {
reject("異步執(zhí)行失敗");
}
});
promise.then(function (value) {
console.log("異步執(zhí)行成功，輸出執(zhí)行結(jié)果：" + value);
}, function (error) {
console.log("異步執(zhí)行失敗，輸出執(zhí)行結(jié)果：" + error);
});
</script>
</body>
</html>
而阮一峰老師所列的下面的這個(gè)例子可以清楚的看出promise就是異步的：
let promise = new Promise(function(resolve, reject) {
console.log('Promise');
resolve();
});
promise.then(function() {
console.log('Resolved.');
});
console.log('Hi!');
最終的輸出結(jié)果是： Promise Resolved Hi
分析： 從這個(gè)例子中可以看出promise的異步，因?yàn)榍懊娴膬刹糠执a還沒(méi)有執(zhí)行，就已經(jīng)輸出了Hi。另外可以確定的是 Resolved 一定是在 Promise之后輸出的，這個(gè)順序是不可能有問(wèn)題的。
下面的例子是一個(gè)異步添加圖片的url的例子
function loadImageAsync(url) {
return new Promise(function(resolve, reject) {
var image = new Image();
image.onload = function () {
resolve(image);
};
image.onerror = function() {
reject(new Error('Could not load image at' + url));
}
image.src = url;
});
}
如果加載成功就使用resolve方法，如果失敗就使用reject方法。
下面的例子是阮一峰老師封裝的Ajax的例子，是在太好，沒(méi)法不直接拿來(lái)參考~
var getJSON = function(url) {
var promise = new Promise(function(resolve, reject){
var client = new XMLHttpRequest();
client.open("GET", url);
client.onreadystatechange = handler;
client.responseType = "json";
client.setRequestHeader("Accept", "application/json");
client.send();
function handler() {
if (this.readyState !== 4) {
return;
}
if (this.status === 200) {
resolve(this.response);
} else {
reject(new Error(this.statusText));
}
};
});
return promise;
};
getJSON("/posts.json").then(function(json) {
console.log('Contents: ' + json);
}, function(error) {
console.error('出錯(cuò)了', error);
});
這里應(yīng)該大家都可以看懂，值得注意的是：handler這個(gè)處理函數(shù)的使用在這里顯得很巧妙。
第三部分： Promise.prototype.then()
在上一部分，我們實(shí)際上已經(jīng)介紹了then()方法，而這里需要強(qiáng)調(diào)的有兩點(diǎn)。
第一： then()方法是Promise原型上定義的方法。
第二：then(）方法支持鏈?zhǔn)秸{(diào)用，上一個(gè)then()方法調(diào)用后返回的結(jié)果會(huì)傳給下一個(gè)then方法中。
第一：我們?cè)賑hrome中輸入 Promise.prototype可以看到下面的例子：
可以看出在Promise的原型中確實(shí)是由then方法的。（注：比如我們想看Array這個(gè)內(nèi)置對(duì)象有哪些方法，我們就可以直接在chrome中輸入Array.prototype，然后就可以看到對(duì)應(yīng)方法的列表了）
第二： then()的作用是為Promise實(shí)例添加狀態(tài)改變時(shí)的回調(diào)函數(shù)。前面說(shuō)過(guò)，then方法的第一個(gè)參數(shù)是Resolved狀態(tài)的回調(diào)函數(shù)，第二個(gè)參數(shù)（可選）是Rejected狀態(tài)的回調(diào)函數(shù)。
then()由于支持鏈?zhǔn)秸{(diào)用，所以也可以寫成下面這樣：
getJSON("/posts.json").then(function(json) {
return json.post;
}).then(function(post) {
// ...
});
第一個(gè)回調(diào)函數(shù)完成以后，會(huì)將返回結(jié)果作為參數(shù)，傳入第二個(gè)回調(diào)函數(shù)。
看下面的這里例子：
getJSON("/post/1.json").then(function(post) {
return getJSON(post.commentURL);
}).then(function funcA(comments) {
console.log("Resolved: ", comments);
}, function funcB(err){
console.log("Rejected: ", err);
});
即第一個(gè)then又返回了一個(gè)promise，如何這個(gè)promise的狀態(tài)變成了 Resolved，那么就會(huì)執(zhí)行第二個(gè)then的第一個(gè)函數(shù)， 如果變成了 Rejected，就會(huì)執(zhí)行第二個(gè)第二個(gè)函數(shù)。
第四部分： Promise.prototype.catch()
Promise.prototype.catch()方法實(shí)際上是then(null, rejection)方法的別名， 這里使用catch（）純粹是為了便于使用和理解。
getJSON('/posts.json').then(function(posts) {
// ...
}).catch(function(error) {
// 處理 getJSON 和 前一個(gè)回調(diào)函數(shù)運(yùn)行時(shí)發(fā)生的錯(cuò)誤
console.log('發(fā)生錯(cuò)誤！', error);
});
在之前的例子中，我們講解then()方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是pending變成resolved之后執(zhí)行的函數(shù)，它是必選的； 第二個(gè)參數(shù)是pending變成rejected之后執(zhí)行的函數(shù)，它是可選的。
我們建議，最后不要使用第二個(gè)參數(shù)，取而代之我們最好使用catch（），如下所示：
// bad
promise
.then(function(data) {
// success
}, function(err) {
// error
});
// good
promise
.then(function(data) { //cb
// success
})
.catch(function(err) {
// error
});
值得注意的是：catch()方法返回的還是一個(gè)Promise對(duì)象，我們可以在后面繼續(xù)使用then進(jìn)行鏈?zhǔn)秸{(diào)用。
第五部分：Promise.all()
Promise.all()方法用于將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise實(shí)例，如下所示：
var p = Promise.all([p1, p2, p3]);
其中的p1,p2,p3都是Promise對(duì)象實(shí)例，如果不是，就會(huì)先調(diào)用下面講到的Promise.resolve方法，將參數(shù)轉(zhuǎn)為Promise實(shí)例，再進(jìn)一步處理。
p的狀態(tài)由p1,p2,p3決定， 分成下面的兩種情況：
•只有p1、p2、p3的狀態(tài)都變成fulfilled，p的狀態(tài)才會(huì)變成fulfilled，此時(shí)p1、p2、p3的返回值組成一個(gè)數(shù)組，傳遞給p的回調(diào)函數(shù)。
•只要p1、p2、p3之中有一個(gè)被rejected，p的狀態(tài)就變成rejected，此時(shí)第一個(gè)被reject的實(shí)例的返回值，會(huì)傳遞給p的回調(diào)函數(shù)。
讓我們看看下面的具體的例子：
// 生成一個(gè)Promise對(duì)象的數(shù)組
var promises = [2, 3, 5, 7, 11, 13].map(function (id) {
return getJSON("/post/" + id + ".json");
});
Promise.all(promises).then(function (posts) {
// ...
}).catch(function(reason){
// ...
});
在這個(gè)例子中，通過(guò)數(shù)組的map生成了6個(gè)Promise對(duì)象，然后作為參數(shù)傳遞給了Promise.all() 只有這6個(gè)Promise對(duì)象最終返回的都是 resolved時(shí)， 才會(huì)調(diào)用Promise.all()后面then（）方法。
第六部分：Promise.race()
該方法同樣是將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise實(shí)例，如下：
var p = Promise.race([p1, p2, p3]);
在上面的代碼中，如果有一個(gè)Promise率先改變狀態(tài)，p的狀態(tài)就會(huì)跟著改變。
第七部分： Promise.resolve()
如果我們希望將一個(gè)現(xiàn)有對(duì)象轉(zhuǎn)化為Promise對(duì)象，我們就可以使用Promise.resolve()方法。根據(jù)參數(shù)的不同可以分為4種情況：
（1）參數(shù)是一個(gè)Promise實(shí)例
如果參數(shù)是Promise實(shí)例，那么Promise.resolve將不做任何修改、原封不動(dòng)地返回這個(gè)實(shí)例。
（2）參數(shù)是一個(gè)thenable對(duì)象
如果參數(shù)是一個(gè)thenable對(duì)象，即具有then()方法的對(duì)象，那么Promise.resolve()就會(huì)將該對(duì)象立即轉(zhuǎn)化成 Promise對(duì)象那個(gè)，并立即執(zhí)行then方法。
（3）參數(shù)不是具有then方法的對(duì)象，或根本就不是對(duì)象
如果參數(shù)是一個(gè)原始值，或者是一個(gè)不具有then方法的對(duì)象，則Promise.resolve方法返回一個(gè)新的Promise對(duì)象，狀態(tài)為Resolved。
（4）不帶有任何參數(shù)
第八部分： Promise.reject()
Promise.reject(reason)方法也會(huì)返回一個(gè)新的 Promise 實(shí)例，該實(shí)例的狀態(tài)為rejected。
第九部分： 理解Promise
它的作用就是如果前面的一段代碼非常的耗時(shí)，就會(huì)阻塞后面的某個(gè)代碼片段。 所以我們希望他不要阻塞后面的代碼，那么就讓他異步好了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>testsettimeout</title>
</head>
<body>
<div class="wrap">
</div>
<script>
console.time("time");
for (var i = 0; i < 50000; i++) {
var li = document.createElement("li");
document.querySelector(".wrap").append(li);
}
console.timeEnd("time");
var a = 10;
var b = a + 25;
console.log( a);
console.log(b);
console.timeEnd("time");
</script>
</body>
</html>
最后的輸出結(jié)果是：
可以看到前面的代碼在阻塞后面的代碼。 導(dǎo)致后面的代碼無(wú)法運(yùn)行。
因?yàn)槲覀兿Ｍ@個(gè)耗時(shí)的代碼越快執(zhí)行越好，會(huì)非常嚴(yán)重的影響用戶體驗(yàn)，所以把它放在了最前面，如果它沒(méi)有什么用，就放在了最后面了。
但是后面的代碼我們也希望盡快執(zhí)行啊，那么該怎么辦呢？ 如果可以讓前面的代碼單獨(dú)在一個(gè)線程上運(yùn)行， 而不影響后面的代碼運(yùn)行就好了。
setTimeout()就可以做到，如下所示：
console.time("time");
setTimeout(function() {
for (var i = 0; i < 50000; i++) {
var li = document.createElement("li");
document.querySelector(".wrap").append(li);
}
console.timeEnd("time");
}, 0);
var a = 10;
var b = a + 25;
console.log(a);
console.log(b);
console.timeEnd("time");
最終的輸出結(jié)果如下：
可以看到在setTimeout中的函數(shù)一開(kāi)始就執(zhí)行了。
但是為什么setTimeout的內(nèi)容執(zhí)行的這么慢呢？ 我們?cè)倏匆粋€(gè)例子
console.time("time");
setTimeout(function() {
console.timeEnd("time");
}, 0);
結(jié)果如下：
time: 2.234ms
即 setTimeout 自身就會(huì)先消耗一定的時(shí)間。
ok，那么說(shuō)了半天Promise到底怎么和他們比較呢？ 他的價(jià)值在哪里呢？
價(jià)值都在這里了！看下面的這個(gè)例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>testsettimeout</title>
</head>
<body>
<div class="wrap">
</div>
<script>
let promise = new Promise(function(resolve, reject) {
console.log('Promise！ 我是Promise對(duì)象里的函數(shù)，我最早出現(xiàn)是因?yàn)槲乙o后面一個(gè)耗時(shí)的家伙提供數(shù)據(jù)a');
var a = 20;
resolve(a);
});
promise.then(function(value) {
console.log('哈哈哈，我得到數(shù)據(jù)a了，要開(kāi)始執(zhí)行嘍。我是一個(gè)非常耗時(shí)的操作，依賴前面的數(shù)據(jù)，但是我想快一點(diǎn)執(zhí)行，這有利于用戶體驗(yàn)，所以別把我放在后頭??；我被放在了一個(gè)新的線程上，不會(huì)阻塞別人的');
for (var i = 0; i < 1000000; i++) {
var li = document.createElement("li");
document.querySelector(".wrap").appendChild(li);
}
console.log("執(zhí)行完畢");
});
console.log('Hi! 我是什么都不依賴的程序，但我也想快一點(diǎn)執(zhí)行，不能委屈我啊');
</script>
</body>
</html>
說(shuō)明： 在已經(jīng)執(zhí)行過(guò)的情況下，錄制屏幕，然后按下刷新鍵，可以發(fā)現(xiàn)，在new Promise里的函數(shù)是立即執(zhí)行的，緊接著是promise.then()之后的函數(shù)立即執(zhí)行，而沒(méi)有等待then()函數(shù)，最后進(jìn)入then()函數(shù)，說(shuō)了一堆廢話，最后大約2 ~ 3s之后執(zhí)行結(jié)束。故promise.then()函數(shù)才是真正的異步執(zhí)行。
promise實(shí)現(xiàn)：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>promise</title>
</head>
<body>
<script>
function Mypromise(fn) {
this.state = 'pending';
this.value = void 0;
this.doneList = [];
this.failList = [];
// 在創(chuàng)建一個(gè)promise的時(shí)候，需要傳遞一個(gè)fn函數(shù)，接受參數(shù)resolve和reject。
// resolve和reject目前還沒(méi)有定義，因?yàn)橛脩羰侵苯诱{(diào)用的，如resolve('success')，所以這個(gè)resolve方法是需要我們自己來(lái)定義的。
var self = this;
function resolve(value) {
// 一旦resolve，狀態(tài)機(jī)的狀態(tài)由pending -> resolved
// 并且在resolve的時(shí)候狀態(tài)必須是pending，才能轉(zhuǎn)換狀態(tài)。
// 異步執(zhí)行所有回調(diào)函數(shù)
setTimeout(function () {
if (self.state == 'pending') {
self.state = 'resolved'
self.value = value;
// 一旦成功，我們就可以執(zhí)行所有promise上掛載的 doneList 中所有的回調(diào)函數(shù)了，并將value值傳遞過(guò)去
for (var i = 0; i < self.doneList.length; i++) {
self.doneList[i](value);
}
}
}, 0);
}
function reject(reason) {
// 一旦reject，狀態(tài)機(jī)的狀態(tài)由pending -> rejected
// 在reject的時(shí)候狀態(tài)必須是pending，才能轉(zhuǎn)化狀態(tài)。
// 異步執(zhí)行所有回調(diào)函數(shù)
setTimeout(function () {
if (self.state == 'pending') {
self.state = 'rejected'
self.value = reason;
// 一旦失敗，我么就可以把所有的 failList 調(diào)用了，并且傳遞 reason
for (var i = 0; i < self.failList.length; i++) {
self.failList[i](reason);
}
}
}, 0);
}
fn(resolve, reject);
}
Mypromise.prototype = {
constructor: Mypromise,
// then方法接受成功時(shí)的回調(diào)和失敗時(shí)的回調(diào)
// 實(shí)際上，這里的then方法就像路由中的注冊(cè)路由一樣，是一個(gè)注冊(cè)的過(guò)程，而沒(méi)有真正的調(diào)用。
// 并且then是支持鏈?zhǔn)秸{(diào)用的，所以then應(yīng)該返回一個(gè)promise。 如果返回舊的，那么因?yàn)闋顟B(tài)不能改變，所以沒(méi)有意義，所以我么一定要返回一個(gè)新的promise，這樣這個(gè)狀態(tài)機(jī)才可以再次正常的工作。
then: function (onResolved, onRejected) {
var self = this;
// 對(duì)于then而言，最終要返回一個(gè)新的promise，這樣才支持鏈?zhǔn)秸{(diào)用。
var promise2;
// 這里要做一個(gè)判斷，看傳遞進(jìn)來(lái)的是否是一個(gè)函數(shù)，如果是，則不變，如果不是，就拒絕。
// 如果是promise.then().then().then(function (value) {}); 我們還希望拿到value，那么就要把value在即使沒(méi)有用到onResolved的時(shí)候也傳遞下去。對(duì)于reason也是如此。
onResolved = typeof onResolved == 'function' ? onResolved : function (value) {return value;}
onRejected = typeof onRejected == 'function' ? onRejected : function (reason) { return reason;}
// 下面這一部分是比較核心的內(nèi)容，因?yàn)閠hen最終要返回一個(gè)promise，但是，這個(gè)promise究竟應(yīng)該怎么返回呢？ 如果在then中，用戶就返回了promise，那么我們就用戶的，如果用戶用的不是promise，那么我么就要自己封裝好這個(gè)promise了。
// 注意： promise也是需要異步調(diào)用的，所以可以使用promise進(jìn)行封裝。
switch(this.state) {
case 'resolved':
// 如果resolved，則返回一個(gè)新的promise
return promise2 = new Mypromise(function (resolve, reject) {
setTimeout(function () {
try {
// 這里相當(dāng)于直接就給執(zhí)行了，看看返回的是什么值，如果是promise,那么直接就使用這個(gè)promise了。
var x = onResolved(self.value);
if (x instanceof Mypromise) {
x.then(resolve, reject);
}
} catch (e) {
reject(e);
}
}, 0)
})
case 'rejected':
// 如果rejected，同樣也需要返回一個(gè)新的promise
return promise2 = new Mypromise( function (resolve, reject) {
setTimeout(function () {
try {
var x = onRejected(self.value);
if (x instanceof Mypromise) {
x.then(resolve, reject);
}
} catch (e) {
reject(e);
}
}, 0);
})
// 如果是pending狀態(tài)，我們就不能確定使用什么，等到狀態(tài)確定之后才能決定。
case 'pending':
return promise2 = new Mypromise(function () {
// 注意：一般then都是執(zhí)行的這里， 即在then的時(shí)候進(jìn)行注冊(cè)，把相應(yīng)的成功的和失敗的都會(huì)初測(cè)在這里，push的是一個(gè)函數(shù)，所以這里的onResolved還是沒(méi)有執(zhí)行的。
setTimeout(function () {
self.doneList.push(function (value) {
try {
var x = onResolved(self.value)
if (x instanceof Mypromise) {
x.then(resolve, reject)
} else {
onResolved(value);
}
} catch (e) {
reject(e)
}
});
console.log(self.doneList)
self.failList.push(function (value) {
try {
var x = onRejected(self.data);
if (x instanceof Mypromise) {
x.then(resolve, reject);
}
} catch (e) {
}
});
}, 0);
})
default:
console.log(this.state);
return;
}
},
catch: function (onRejected) {
return this.then(null, onRejected);
}
}
var promise = new Mypromise(function (resolve, reject) {
if (5 > 3) {
resolve('success');
}
});
promise.then(function (value) {
console.log('哈哈哈哈或');
});
</script>
</body>
</html>
總結(jié)
以上所述是小編給大家介紹的ES6中的promise，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
微信小程序loading組件顯示載入動(dòng)畫用法示例【附源碼下載】
這篇文章主要介紹了微信小程序loading組件顯示載入動(dòng)畫用法,結(jié)合實(shí)例形式分析了loading組件顯示載入動(dòng)畫的相關(guān)事件操作與屬性設(shè)置技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
Three.js后期處理效果(發(fā)光描邊OutlinePass)
這篇文章主要給大家介紹了關(guān)于Three.js后期處理效果(發(fā)光描邊OutlinePass)的相關(guān)資料,Three js 開(kāi)發(fā)的一些知識(shí)整理,方便后期遇到類似的問(wèn)題,能夠及時(shí)查閱使用,需要的朋友可以參考下2024-01-01
這篇文章給大家講述了關(guān)于js的視頻和音頻采集的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2018-08-08
微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
這篇文章主要介紹了微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法,結(jié)合實(shí)例形式分析了微信小程序動(dòng)態(tài)獲取、設(shè)置元素寬高的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
支持IE和FF的div＋css選項(xiàng)卡...2006-11-11
js?select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼
這篇文章主要介紹了js?select支持手動(dòng)輸入實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-05-05
創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦
這篇文章主要介紹了創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦,需要的朋友可以參考下2014-12-12
JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)（四）仿優(yōu)酷視頻應(yīng)用
這篇文章主要介紹了JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)（四）仿優(yōu)酷視頻應(yīng)用的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要給大家介紹了關(guān)于微信小程序下拉刷新PullDownRefresh的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11