ECMAScript 之 Scope Chain
因為 ECMAScript 支援 First-class Function，因此可在 Function 內定義其他 Function，當 Function 內找不到 Variable 時，會先在 Function 內尋找，若找不到則往 Function 外層尋找，最後才會到 Global 尋找，此稱為 Scope Chain。
在 Promise Chain 使用 Comma Operator
&& 與 || 為 ECMAScript 很具代表性的 Operator，事實上 , 與 && 與 || 非常類似，尤其在 Promise Chain 中非常實用。
使用 Optional Chaining Operator 判斷 Property 是否存在
ECMAScript 2020 支援了 ?. Optional Chaining Operator，至此 ECMAScript 終於有專屬的 Operator 用於 Nested Object，不必再借用 && 與 Falsy Value。
使用 Nullish Coalescing Operator 判斷 Nill
ECMAScript 2020 支援了 ?? Nullish Coalescing Operator，至此 ECMAScript 終於有專屬的 Operator 判斷 null 與 undefined，不必再借用 || 與 Falsy Value。
CSS 之 Box Sizing
Box Model 預設將 width 與 height 設定在 Content Box，但你可以透過 box-sizing 將 width 與 height 設定在 Border Box。
CSS 之 Box Model
CSS 有獨特的 Box Model，除了包含本身的 Content Box 外，尚包含 Border Box、Padding Box 與 Margin Box，其中 DevTools 的寬度計算只包含 Width、Border 與 Padding，並不包含 Margin。
如何解決圖片所造成的底部空隙 ?
當圖片放在 Block 中，會發現圖片似乎與 Item 底部有些空隙，這是因為 <img> 本身 vertical-align 預設值為 baseline 所造成。
