如何優雅地 Debug Callback ?
ECMAScript 是大量使用 Callback 的語言，實務上我們常想針對 Callback 加以 console.log() 協助 Debug，該如何優雅地使用 console.log() 呢 ?
如何以更簡短 Command 啟動 WebStorm ?
WebStorm 目前也可在 CLI 以 webstorm Command 直接開啟目前目錄的 Project，但 webstorm 稍嫌冗長，該如何改以 ws 啟動呢 ?
ECMAScript 之 Object Destructuring
ECMAScript 2015 提供了很有創意的 Object Destructuring，原本需要好幾行才能完成的 Code，只需要一行就能解決。
ECMAScript 之 Generic Method
ECMAScript 有個很有趣特性：Generic Method 可被其他型別透過 call() 使用，宛如自己的 Method 一般，這種 借用 Method 特性，使得該型別也擁有其他型別能力。
如何判斷變數型別 ?
ECMAScript 雖然是 Dynamic Type Language，但並不代表 Variable 沒有 Type，只是其內建獲得 Type 方法包含太多 驚喜，成為備受爭議部分。本文整理出 4 種獲得 Type 方式，各有其優缺點，最後自訂 typeof_()，可判斷各種 Type。
使用 Rainbow Bracket 讓 Block 更明顯
Rainbow Bracket 是 VS Code 很有名的 Extension，讓 Block 以相同顏色顯示，使 Code 結構更清楚，WebStorm 也可使用。
Flexbox 之 Cross Axis 對齊
row-direction 主要定義 Main Axis 方向，需搭配 justify-content 設定 alignment；若要針對 Cross Axis，則要使用 align-items。