第 157 期 前端開發 推薦文章

# 前端開發

# The New CSS Media Query Range Syntax

在前端切版時，為了實作響應式的網站，我們通常會使用 CSS 提供的 Media Queries 為目標的條件設置對應的 CSS 給頁面上的元素，而在 Media Queries Level 4 規範出現一種新語法，讓我們可以使用常見的數學運算符（例如：>和 <）來定義作用目標的寬度！今後說不定就和 Media Queries 內的 min-width 或 max-width 道別了。

# Understanding JavaScript closure and JavaScript scope

在文章裡作者解釋了 JavaScript 的 closure 和變數或函式的作用域，並比較用 ES6 的 const 和 let 宣告的變數對於作用域的範圍有何不同，最後也推薦幾個使用 closure 的實際案例和使用的優缺點。

# JavaScript Under The Hood: Advanced Concepts Developers Should Know

如果你還是 JavaScript 的初學者，而且對一些行為產生的結果感到困惑，那可能就需要花一些時間認識「引擎蓋下的 JavaScript 了」！文中提到幾個在 JavaScript 中重要的原理，其中包含了 Scope Chain、Hoisting、Asynchronous、Execution Context 和 Call Stack。一次讀完可能會有點吃力，建議可以從最近有感受到的部分開始讀就好，不然沒深刻的印象很容易就忘記了。 😂

ShareShare this post

Tag

#Front-end

Recommendation

  1. 第 177 期 System Design 推薦文章
  2. 第 129 期 前端開發 推薦文章
  3. 第 118 期 前端開發 推薦文章
  4. 第 106 期 Testing 推薦文章
  5. PyCon Taiwan 2021
神Q超人
Author
神Q超人
Hi！我是神 Q 超人，一個先衝再說的男人。

Discussion(login required)