成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

web前端學(xué)習(xí)筆記（1）

Luosunce / 1511人閱讀

摘要：而且狀態(tài)一旦改變，就無法再次改變。這是因為立即的是在本輪事件循環(huán)的末尾執(zhí)行，總是晚于本輪循環(huán)的同步任務(wù)。返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。用于頭部補全，用于尾部補全。

9月5日 
array.push(...newArray)    // 往數(shù)組插入數(shù)組

// 交換a和b的值
// ES6寫法
var a = 1, b = 2;
[a, b] = [b, a];
console.log(a, b);    // 2 1

// Babel轉(zhuǎn)換成ES5后
var a = 1,
    b = 2;
var _ref = [b, a];
a = _ref[0];
b = _ref[1];
console.log(a, b);    // 2 1

// 獲取某個元素相對于瀏覽器窗口的位置
var domRect = element.getBoundingClientRect();

// 刪除數(shù)組index1、index2位置上的數(shù)，并返回裁剪部分的新數(shù)組
_.pullAt(array, [index1, index2]);
9月6日 Promise對象

Promise有三種狀態(tài)：pending（進(jìn)行中）、fulfilled（已成功）和rejected（已失敗）。而且狀態(tài)一旦改變，就無法再次改變。

Promise新建后會立即執(zhí)行。

比如：

function timeout(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms, "done");
  });
}

timeout(100).then((value) => {
  console.log(value);
});

上面代碼中，timeout方法返回一個Promise實例，表示一段時間以后才會發(fā)生的結(jié)果。過了指定的時間（ms參數(shù)）以后，Promise實例的狀態(tài)變?yōu)?b>resolved，就會觸發(fā)then方法綁定的回調(diào)函數(shù)。

let promise = new Promise(function(resolve, reject) {
  console.log("Promise");
  resolve();
});

promise.then(function() {
  console.log("resolved.");
});

console.log("Hi!");

// Promise
// Hi!
// resolved
new Promise((resolve, reject) => {
  resolve(1);
  console.log(2);
}).then(r => {
  console.log(r);
});

// 2
// 1

上面代碼中，調(diào)用resolve(1)以后，后面的console.log(2)還是會執(zhí)行，并且會首先打印出來。這是因為立即 resolved 的 Promise 是在本輪事件循環(huán)的末尾執(zhí)行，總是晚于本輪循環(huán)的同步任務(wù)。

var promise = new Promise(function (resolve, reject) {
  resolve("ok");
  setTimeout(function () { throw new Error("test") }, 0)
});
promise.then(function (value) { console.log(value) });
// ok
// Uncaught Error: test
Promise.resolve()是在本輪“事件循環(huán)”的結(jié)束時執(zhí)行，而不是在下一輪“事件循環(huán)”的開始。
setTimeout(function () {
  console.log("three");
}, 0);

Promise.resolve().then(function () {
  console.log("two");
});

console.log("one");

// one
// two
// three

上面代碼中，setTimeout(fn, 0)在下一輪“事件循環(huán)”開始時執(zhí)行，Promise.resolve()在本輪“事件循環(huán)”結(jié)束時執(zhí)行，console.log("one")則是立即執(zhí)行，因此最先輸出。

字符串

includes()：返回布爾值，表示是否找到了參數(shù)字符串。

startsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。

endsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的尾部。

repeat()：返回一個新的字符串，表示將原字符串重復(fù)n次。如果參數(shù)是小數(shù)，則會被取整。

padStart()、padEnd()：字符串補全長度的功能。如果某個字符串不夠長度，會在頭部或尾部補全。padStart()用于頭部補全，padEnd()用于尾部補全。

includes()、startsWith()、endsWith()都支持傳入第二個參數(shù)，傳入開始搜索的位置。padStart()、padEnd()

JS數(shù)組去重黑魔法

使用數(shù)組新建一個Set對象，然后把它轉(zhuǎn)換成數(shù)組

var array = [1, 2, 3, 4, 1, 2, 3, 4];

console.log([...new Set(array)]);    // [1, 2, 3, 4]

console.log(Array.from(new Set(array)));    // [1, 2, 3, 4]

文章出處：阮一峰ES6入門

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88396.html

相關(guān)文章

  • 重學(xué)前端學(xué)習(xí)筆記（五）--如何運用語義類標(biāo)簽來呈現(xiàn)Wiki網(wǎng)頁？

    摘要：語義如何運用語義類標(biāo)簽來呈現(xiàn)網(wǎng)頁通過網(wǎng)頁案例來學(xué)習(xí)語義類標(biāo)簽最初的設(shè)計場景就是超文本，早期工作組的專家都是出版界書籍排版的專家。標(biāo)記的部分有三個注記，它在文章中的作用就是額外的注釋，但是中并沒有相關(guān)的語義，這時可以使用標(biāo)簽進(jìn)行相關(guān)實現(xiàn)。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一...

    ckllj 評論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（五）--如何運用語義類標(biāo)簽來呈現(xiàn)Wiki網(wǎng)頁？

    摘要：語義如何運用語義類標(biāo)簽來呈現(xiàn)網(wǎng)頁通過網(wǎng)頁案例來學(xué)習(xí)語義類標(biāo)簽最初的設(shè)計場景就是超文本，早期工作組的專家都是出版界書籍排版的專家。標(biāo)記的部分有三個注記，它在文章中的作用就是額外的注釋，但是中并沒有相關(guān)的語義，這時可以使用標(biāo)簽進(jìn)行相關(guān)實現(xiàn)。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一...

    hyuan 評論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（一）--前端發(fā)展史以及學(xué)習(xí)痛點

    摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟，完整的可以...

    wayneli 評論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（一）--前端發(fā)展史以及學(xué)習(xí)痛點

    摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟，完整的可以...

    davidac 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<