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

TypeScript 之基本型別

TypeScript 之基本型別

TypeScript 既然稱為 TypeScript,想當然爾型別就是該語言的重頭戲,本文我們來看看 TypeScript 對於 JavaScript 增加了哪些型別支援。

TypeScript 特色與歷史簡介

TypeScript 特色與歷史簡介

TypeScript 是 Angular 欽定的開發語言,所以學 Angular 一定要學 TypeScript,但很多人認為 TypeScript 是 JavaScript 的方言,不是 JavaScript 標準,因而有所疑慮,本文簡單介紹 TypeScript 的歷史與特色,提供大家技術選擇的參考。

如何在 WebStorm 對 Angular 下中斷點 Debug?

如何在 WebStorm 對 Angular 下中斷點 Debug?

WebStorm 允許我們如同 Visual Studio 一樣,直接在 IDE 內設定中斷點,並停止執行在那一行,我們可觀察當時的變數,也可使用 step over、step into、step out 等除錯技巧,重點是它是停止在 TypeScript 上,而非 JavaScript 上。

Quokka for WebStorm

Quokka for WebStorm

Angular CLI 雖然讓我們簡化了前端工具的建置,但有時只想測試或示範 TypeScript,並不想真的去跑 Angular,此時 Quokka 就是我們的好幫手了。

TypeScript 之 Type Assertion

TypeScript 之 Type Assertion

C# 有所謂的 Object Initializer,讓我們可以很優雅的建立物件,並且將物件的 field 一次填滿,TypeScript 是否也提供如 C# 一樣的寫法呢?

使用 Observable Data Service

使用 Observable Data Service

Angular 也走 Redux 風 (使用 Ngrx) 一文中,我們使用了 Ngrx 這種 Redux 風格的 store 來處理 component 之間共用的 state,雖然可行,但有一點 over design,在 RxJS 出現後,我們使用 Observable Data Service 也能實現出相同的效果。

迪米特法則

迪米特法則

迪米特法則也稱為最小知識原則,是物件導向 SOLID 原則中的 L 其中之一 LKP ( Least Knowledge Principle),是 1987 年 Ian Holland 在美國東北大學所提出,此法則應用在其 The Demeter Project 而得名,是物件導的基本原則。

Angular 也走 Redux 風 (使用 Ngrx)

Angular 也走 Redux 風 (使用 Ngrx)

Redux 起源於 React 社群,算是一種 design pattern,適用於某些情境,也提供一些優點,Angular 也有 Redux 的實作,但 Angular 是否該使用 Redux 呢?

如何在 PhpStorm 繪製 UML?

如何在 PhpStorm 繪製 UML?

PlantUML 讓我們可以使用文字檔的方式描述 UML,且可以直接在 PhpStorm 內使用,非常方便。

如何在 PhpStorm 使用 Refactoring (重構)?

如何在 PhpStorm 使用 Refactoring (重構)?

PhpStorm 最強悍的就是 Refactoring,這也是文字編輯器無法達到的,善用 Refactoring 將可大幅增加 code review 之後重構 PHP 的速度。