iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

從ES到ESNext - 30天輕鬆掌握ECMAScript 系列

身為WEB前端工程師,一定都聽過ES5、ES6到ESNext,
但同時又對ES2015、ES2016等其他名稱產生混淆。
到底這些名稱背後的意義是什麼?在實務上要如何應用呢?
這30天內,希望透過淺白的介紹跟整理,讓大家都能一步步上手!

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] ES2018(ES9) - 正規表達式<未完>

反向(lookbehind)斷言 v.s. 正向(lookahead)斷言 Unicode 轉義 s/dotAll 模式 Named capturing gro...

2020-10-06 ‧ 由 YURI 分享
DAY 22

[Day22] ES2019(ES10)

ES2019 在內建物件中多了一些擴充語法,還有擴增語法彈性等,一起來看看吧! Optional catch binding 在寫 try catch 時,我們...

2020-10-07 ‧ 由 YURI 分享
DAY 23

[Day23] ES2020(ES11) - 運算子

今年的標準 - ES2020 在年中的時候熱騰騰地推出,不曉得有多少人已經在用了呢? 跟 ES6 以後的變更差不多,沒有到說有非常大的改革。不過今年推出的特性其...

2020-10-08 ‧ 由 YURI 分享
DAY 24

[Day24] ES2020(ES11) - 模組

Dynamic import 在模組化開發下,我們會以import的方式匯入需要的模組。但是因為import是屬於靜態函式,如果有些模組是在特定條件下才會用到的...

2020-10-09 ‧ 由 YURI 分享
DAY 25

[Day25] ES2020(ES11) - 內建物件

Promise.allSettled 在Day14的時候,介紹了 Promise 針對一次執行多個 promise 時,兩種靜態方法的提供 - Promis...

2020-10-10 ‧ 由 YURI 分享
DAY 26

[Day26] ES2021(ES12) - part 1<未完>

String.prototype.replaceAll const str = "I like frontend. I like JavaScript...

2020-10-11 ‧ 由 YURI 分享
DAY 27

[Day27] ES2021(ES12) - part 2<未完>

WeakRef & Finalizers const callback = () => { const aBigObj = new WeakR...

2020-10-12 ‧ 由 YURI 分享
DAY 28

[Day28] Typescript (tsconfig.json)

在寫 Typescript 時,最重要的就是要有 tsconfig.json。因為 ts 或 tsx 檔並不能直接在環境執行,所以需要有一份設定檔告訴 comp...

2020-10-13 ‧ 由 YURI 分享
DAY 29

[Day29] Babel (babel-loader)<未完>

@babel/preset-env core-js & @babel/polyfill @babel/plugin-transform-runtime...

2020-10-14 ‧ 由 YURI 分享
DAY 30

[Day30] 總結

終於到最後一天啦! 這一篇是今年參加三個主題,並且持續到現在的第90篇文章,也算是自己的心路歷程的抒發。 回想這一個月,很漫長也很充實 - 今年的主力專案差不...

2020-10-15 ‧ 由 YURI 分享