iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular 大師之路 系列

Angular 其實是非常容易入手的前端框架,只要有點經驗的網站程式設計師看完官方文件的 8 篇 Tutorial,就足以應付八成以上的開發需求;儘管如此,了解一些更深入的理論和技巧,則能幫助我們寫出更加洗練、易於維護的程式碼!本次參賽將分享 Angular 更多進階的相關知識,以及個人的開發經驗,範圍包含「進階的觀念、元件設計、測試和 RxJS」等等,希望與更多想要精進 Angular 實力的朋友們一起往 Angular 大師之路前進!!

鐵人鍊成 | 共 30 篇文章 | 246 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Angular 大師之路] Day 21 - 在 @NgModule 的 providers: [] 自由更換注入內容 (2)

昨天我們提到了在 @NgModule 中設定要抽換注入 token 的兩種比較簡單方法,今天我們把剩下兩種稍微複雜的也來介紹一下: 類型:觀念 難度:4 顆星...

2018-11-05 ‧ 由 黃升煌 Mike 分享
DAY 22

[Angular 大師之路] Day 22 - 各種在程式中取的注入 token 實體的方法

前兩天我們學到了多種替換注入 token 內容的方法,今天我們來看看如何取得不同注入內容的方式: 類型:觀念 難度:4 顆星 實用度:3 顆星 建構式注入 建構...

2018-11-06 ‧ 由 黃升煌 Mike 分享
DAY 23

[Angular 大師之路] Day 23 - 認識 InjectionToken

title: "[Angular 大師之路] 認識 InjectionToken"date: 2018-11-07 22:24:16cat...

2018-11-07 ‧ 由 黃升煌 Mike 分享
DAY 24

[Angular 大師之路] Day 24 - 效能調校之認識 NgZone

許多 Angular 開發人員對於 NgZone 這個詞應該都不太陌生,尤其是在早期 Angular 剛推出時,只要發生錯誤,就會在 F12 開發人員工具看到一...

2018-11-08 ‧ 由 黃升煌 Mike 分享
DAY 25

[Angular 大師之路] Day 25 - 效能調校之認識 ChangeDetectorRef

昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機,今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 -...

2018-11-09 ‧ 由 黃升煌 Mike 分享
DAY 26

[Angular 大師之路] Day 26 - 認識元件的變更偵測策略

今天我們來看看元件內的變更偵測策略,打造高效能元件! 類型:觀念 難度:5 顆星 實用度:4 顆星 關於元件內的變更偵測 首先來看一下這段程式碼: impor...

2018-11-10 ‧ 由 黃升煌 Mike 分享
DAY 27

[Angular 大師之路] Day 27 - 認識 AsyncPipe (1) - 基本使用技巧

在撰寫前端程式時,我們很難避免會遇到非同步的程式處理,在大量使用 RxJS 的 Angular 中更是如此,而今天我們要介紹的 AsyncPipe 在樣板上要處...

2018-11-11 ‧ 由 黃升煌 Mike 分享
DAY 28

[Angular 大師之路] Day 28 - 認識 AsyncPipe (2) - 進階技巧

今天我們來認識一下兩個重要的 AsyncPipe 特性,可以幫助我們在使用 AsyncPipe 時更有信心,打造出更高效能的程式! 類型:觀念/技巧 難度:5...

2018-11-12 ‧ 由 黃升煌 Mike 分享
DAY 29

[Angular 大師之路] Day 29 - 在 Angular 中應用 RxJS 的 operators (1) - 基礎篇

在前兩天介紹 AsyncPipe 時,我們不難發現當進入 RxJS 思維時,搭配 AsyncPipe 可以帶來非常多的好處!雖然透過這種不使用 subscrib...

2018-11-13 ‧ 由 黃升煌 Mike 分享
DAY 30

達標好文 [Angular 大師之路] Day 30 - 在 Angular 中應用 RxJS 的 operators (2) - 進階應用

昨天我們講了幾個常用 RxJS operators,今天再來看看一些其他在 Angular 常見的應用吧! 類型:技巧 難度:5 顆星 實用度:5 顆星 deb...

2018-11-14 ‧ 由 黃升煌 Mike 分享