點燈坊

Windows 版的 VS Code 在安裝時就會自動建立 code 指令，讓我們可以在 terminal 以 command 方式執行 VS Code 並開啟專案，不過在 macOS 版本預設並沒有建立 symbolic link，必須自行另外透過 Command Pallette 建立。

我們看到 Visual Studio Code 可以在 terminal 下 command 開啟目前目錄的專案，WebStorm 是否也能以這種方式啟動呢 ?

JavaScript 並沒有內建刪除陣列元素的 operator，必須使用一些技巧才能刪除，若陣列內放的是 object，則狀況將更加詭異，這也是 JavaScript 初學者一定會踩到的雷。

前後端分離後，Angular 有自己的 route，在 component 也必須處理 route。由於 component 是 DI 注入 Router，因此若要對 route 單元測試，首先必須要解決的就是 Router 注入問題 。

Lodash 是 JavaScript 很有名的 package，尤其對於處理 array 很有一套，Angular 該如何使用 lodash 呢 ? 這也可以視為在 Angular 使用傳統 JavaScript package 的 SOP。

凡與顯示相關邏輯，我們會寫在 component；凡與資料相關邏輯，我們會寫在 service。而 service 最常見的應用，就是透過 HttpClient 存取 API。

對於 service 單元測試而言，我們必須對 HttpClient 加以隔離；而對 component 單元測試而言，我們必須對 service 加以隔離，我們該如何對 service 與 component 進行單元測試呢 ?

雖然我們都盡量希望 API 以 URI 的方式表示，但實務上仍有一些 API 使用老式的 query string，我們該如何使用 JSON Server 模擬這類的 API 呢 ?

@ViewChild() decorator 一開始是在存取 child component 時學到的，事實上 @ViewChild() 還有其他使用方法。

Observer Pattern 是 OOP 中著名的 Design Pattern，尤其在應付 一對多 的場景特別有效，在本文中，我們將以 Angular 與 TypeScript 實現。

Angular CLI 雖然可以直接 ng serve 執行 Angular，不過畢竟不是 ng build --prod 的最終結果，你曾懷疑 ng build --prod 後的結果真的能跑嗎 ? 可以先在本機測試過嗎 ?