念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

重構到設計模式:使用 Adapter Pattern

重構到設計模式:使用 Adapter Pattern

Adapter pattern 是實務上常用的設計模式,本文將以實際案例,根據需求一步步重構,最後變成 adapter pattern。

如何在 Protractor 使用 $ 與 $$?

如何在 Protractor 使用 $ 與 $$?

在 Protractor 官網的 Using Locators,看到了 $$$ 兩個 shortcut,但在 Angular 卻無法使用,本文筆記解決方案。

如何解決 iTerm2 在 WebStorm 啟動緩慢的問題?

如何解決 iTerm2 在 WebStorm 啟動緩慢的問題?

iTerm2 幾乎成為 macOS 最多人使用的 terminal,WebStorm 內也可直接使用 iTerm2,不過最近卻發現 iTerm2 在 WebStorm 內啟動時間越來越久,幾乎超過 30 秒以上…。

如何使用 HTTP GET 對 API 抓資料?

如何使用 HTTP GET 對 API 抓資料?

Angular 為前端 framework,因此必須依賴後端 API 提供資料,最常見的就是透過 HTTP GET 抓 JSON,這個看似簡單的動作,在 Angular 並不是單一 method 可完成,必須透過 DI 與 RxJS ,才能順利抓到資料。

如何在 WebStorm 執行 Jasmine 單元測試?

如何在 WebStorm 執行 Jasmine 單元測試?

Angular CLI 已經將 Jasmine 整好,我們可以直接在 terminal 下 ng test 執行單元測試;WebStorm 亦整合了 Karma + Jasmine,讓我們可以在 IDE 內直接跑 Jasmine。

如何在 WebStorm 執行 Protractor E2E 測試?

如何在 WebStorm 執行 Protractor E2E 測試?

Angular CLI 已經將 Protractor 整好,我們可以直接在 terminal 下 ng e2e 執行 E2E 測試;WebStorm 亦整合了 Protractor,讓我們可以在 IDE 內直接跑 Protractor。

如何使用 Protractor 對 Laravel 進行驗收測試?

如何使用 Protractor 對 Laravel 進行驗收測試?

驗收測試是以使用者角度對網站做測試,屬於黑箱測試,既然是黑箱測試,原本使用 PHP/Laravel 所開發的網站,就不一定要使用 PHP/Laravel 後端技術來做驗收測試,也可以使用前端的技術來做;透過 Angular CLI,我們可使用 TypeScript + Protractor + Jasmine + Webpack 對 PHP/Laravel 做驗收測試。

如何將 Git Bash 整合進 WebStorm?

如何將 Git Bash 整合進 WebStorm?

WebStorm for Windows 的 terminal 預設是使用 Windows 內建的 Command Prompt,但可惜內建的 Command Prompt 不強,而 Git Bash 是 Git for Windows 所提供的 git 文字介面,讓我們可以直接對 git 下指令,並顯示當前的 branch,重點是能在 Windows 使用 Bash,且整合進 WebStorm 的 terminal。

TypeScript 之 Module

TypeScript 之 Module

ES6 提出了 module 概念,讓我們將程式碼加以模組化,避免如 ES5 一樣常常寫出幾千行的程式碼,造成日後難以維護,TypeScript 也支援 ES6 的 module。

TypeScript 之 Arrow Function

TypeScript 之 Arrow Function

Arrow function 是 ES6 最重要的發明,讓 FRP 能以更簡潔的方式呈現,TypeScript 當然可使用,在 Angular 也隨處可見,如 RxJS 就必須大量使用 arrow function,是學習 Angular 一定要會的。