iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 29
Angular 深入淺出三十天 系列 第 29

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

昨天我們把落單的 UI 元件跟其模組關聯完之後,今天接著要來設定路由的部份! 開始設定路由前,可以先看看我們準備好的路徑定義檔 - app-path.const...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 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 6
Angular 大師之路 系列 第 6

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 10

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

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

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

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

昨天我們完成了上圖的路由設定與換頁效果,所以 Angular 的路由機制到底做了什麼呢? 還記得我們昨天有在 app-routing.module.ts 做了...

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

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

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

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

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

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

鐵人賽 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 21
Angular 深入淺出三十天 系列 第 21

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

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

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

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

我覺得路由是 Angular 裡很重要的一部分,也是一個初學者比較不容易理解的部分,所以希望透過這七天的小小練習,會讓大家對路由有個初步的認識。 不過分了七天講...

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

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

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

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

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

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

鐵人賽 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 5
Angular 大師之路 系列 第 5

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

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

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

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

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

鐵人賽 Modern Web DAY 4

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

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

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

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

鐵人賽 Modern Web DAY 12

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

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

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

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

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

鐵人賽 Modern Web DAY 3

技術 [Angular Firebase 入門與實做] Day-02 Realtime Database - 讀取(Read)-1

讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...

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

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

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

鐵人賽 Modern Web DAY 14

技術 [功能介紹-7] Structural Directives

什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加,刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 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 17
Angular 大師之路 系列 第 17

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

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