iT邦幫忙

angular相關文章
共有 356 則文章
鐵人賽 Modern Web DAY 6
Angular 大師之路 系列 第 6

技術 [Angular 大師之路] Day 06 - 模組化的基本觀念

昨天我們簡單介紹了一個模組中的 @NgModule 應該要放些什麼資料,今天我們來理解一下實務上開發 Angular 應用程式時,常見的一些模組化的方式。 類型...

鐵人賽 Modern Web DAY 3

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG 延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/her...

鐵人賽 Modern Web DAY 17
ngrx/store 4 學習筆記 系列 第 17

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

Angular 網站實例 - 使用者登入篇 今天開始 今天完成 今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.m...

鐵人賽 Modern Web DAY 4

技術 [Angular Firebase 入門與實做] Day-03 Realtime Database - 讀取(Read)-2、新增、修改、刪除

Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...

鐵人賽 Modern Web DAY 21
Angular 深入淺出三十天 系列 第 21

技術 [Angular 深入淺出三十天] Day 20 - 路由(三)

「原來 Angular 的路由是這樣設定的,比我想像中簡單耶!」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的,不過目前只有第一層而已。在實務上應用時一...

鐵人賽 Modern Web DAY 24
Angular 深入淺出三十天 系列 第 24

技術 [Angular 深入淺出三十天] Day 23 - 路由(六)

繼延遲載入之後,今天要分享的也是個非常實用的功能-路由守門員。 大家應該都知道守門員吧?如果不知道的話...警衛總知道了吧?! 顧名思義,這個功能可以幫我們把關...

鐵人賽 Modern Web DAY 30
Angular 深入淺出三十天 系列 第 30

技術 [Angular 深入淺出三十天] Day 29 - Angular 小學堂(四之三)

好的,我們今天要開始套版了!! 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載,容我先小小地說明一下: 點擊 GitHu...

鐵人賽 Modern Web DAY 5

技術 [新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載 本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CL...

鐵人賽 Modern Web DAY 1
ngrx/store 4 學習筆記 系列 第 1

達標好文 技術 [ngrx/store-1] 有關前端的狀態管理

何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理,至於什麼是狀態 (State) 呢?舉幾個例子: 狀態 (State)...

鐵人賽 Modern Web DAY 2

技術 [Angular Firebase 入門與實做] Day-01 開發環境建立與初始化

Progress is impossible without change, and those who cannot chanage their minds...

鐵人賽 Modern Web DAY 28
Angular 深入淺出三十天 系列 第 28

技術 [Angular 深入淺出三十天] Day 27 - Angular 小學堂(四之一)

這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時,由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...

鐵人賽 Modern Web DAY 23
Angular 深入淺出三十天 系列 第 23

技術 [Angular 深入淺出三十天] Day 22 - 路由(五)

Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明(一) 有提到過這句話嗎? 我一直覺得這句話是在使用 Angular 開發時,很重要的...

鐵人賽 Modern Web DAY 22
Angular 深入淺出三十天 系列 第 22

技術 [Angular 深入淺出三十天] Day 21 - 路由(四)

到目前為止,我們都是只有用 Component 來設定我們的路由。但在實際應用上,通常我們會將相關的功能包裝成一個一個的 NgModule ,而每個 NgMod...

鐵人賽 Modern Web
Angular 深入淺出三十天 系列 第 33

達標好文 技術 [Angular 深入淺出三十天] Day 32 - 完賽心得

各位邦友大家好,我是 Leo 。 終於完賽了!!!!(舉雙手瘋狂吶喊中) 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿!!工作、家庭、鐵人賽,這蠟燭三頭燒的...

鐵人賽 Modern Web DAY 10

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元...

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

技術 Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

鐵人賽 Modern Web DAY 5
Angular 大師之路 系列 第 5

技術 [Angular 大師之路] Day 05 - 認識 NgModule

Angular 本身內建了一種模組化的機制,這個機制可以幫助我們組織管理一系列相關的程式(如 component、pipe 和 service 等等),將類型或...

鐵人賽 Modern Web DAY 28

技術 [Angular Firebase 入門與實做] Day-27 [實做] 使用者登入狀態

每日一句來源:Daily English The only limit to our realization of tomorrow will be our...

鐵人賽 Modern Web DAY 26
Angular 大師之路 系列 第 26

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

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

鐵人賽 Modern Web DAY 25
Angular 深入淺出三十天 系列 第 25

技術 [Angular 深入淺出三十天] Day 24 - 路由(七)

相信大家都用使用過 Facebook 吧? 當我們想在 Facebook 發文或留言的時候,如果不小心按到上一頁/下一頁,抑或是沒有取消發文或留言的狀態就想離開...

鐵人賽 Modern Web DAY 22

技術 [Angular Firebase 入門與實做] Day-21 Firebase Cloud Messaging 推波訊息

每日一句來源:Daily English Put your heart, mind, and soul into even your smallest act...

鐵人賽 Modern Web DAY 17
Angular 大師之路 系列 第 17

技術 [Angular 大師之路] Day 17 - 使用 HTTP_INTERCEPTORS 攔截 Http Request

在開發 Angular 應用程式時,HTTP 請求絕對可以說是最常使用的功能之一,而在一般的應用情境上,我們很常會需要針對請求再做額外的包裝,或統一的管理,這時...

鐵人賽 Modern Web DAY 30
Angular 大師之路 系列 第 30

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

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

鐵人賽 Modern Web DAY 24
Angular 大師之路 系列 第 24

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

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

鐵人賽 Modern Web DAY 25
Angular 大師之路 系列 第 25

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

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

鐵人賽 Modern Web DAY 27
Angular 深入淺出三十天 系列 第 27

技術 [Angular 深入淺出三十天] Day 26 - 路由總結(二)

子路由模組 當我們將頁面或功能包裝成模組的時候,也能在其中加入路由的設定,使其變成含有路由的子路由模組。 跟 AppRoutingModule 不一樣的是,子路...

鐵人賽 Modern Web DAY 9

技術 [Angular Firebase 入門與實做] Day-08 Authentication

Never let the demands of tomorrow interfere with the pleasures and excitement o...

鐵人賽 Modern Web DAY 7
Angular 大師之路 系列 第 7

技術 [Angular 大師之路] Day 07 - 一個簡易實踐 two way binding 的方法

在 Angular 中,通常我們會使用 [(ngModel)] 來實現 two way binding,這樣做基本上沒有什麼問題,但 ngModel 只能 bi...

鐵人賽 Modern Web DAY 12

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

鐵人賽 Modern Web DAY 9

技術 [功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...