iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Angular 進階實務 30天 系列

分享這幾年工作上遇到的需求,如果有人遇到一樣的需求,希望可以省省他的時間
預計會有Angualr Form、Router、狀態管理、權限管理、Monorepo、Angular library、Verdaccio

參賽天數 18 天 | 共 18 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1:前端工程師的工作實況

初衷 我的背景是5年的接案公司 + 1~2年的金融業,屬於前端成分偏重的全端工程師,比較常處理的是後台系統或是公司內部的系統(to B)。 這篇文章主要針對有用...

2025-08-15 ‧ 由 Zoe Wu 分享
DAY 2

Day 2:常見UX實作 - 表格文字處理技巧

情境 每間公司、每個業務單位、每個產品,都會有不同的資料需要用表格展示,有時候欄位會多到懷疑人生跟眼睛,因為從10個到1、200個的情況都有,但實務上就要這麼多...

2025-08-16 ‧ 由 Zoe Wu 分享
DAY 3

Day 3:常見UX實作 - 表格佈局設計策略

前言 在上一篇文章中,我們解決了表格內文字過長的問題。但實務上還有另一個更大的挑戰:比時薪還多欄位數。 當你的表格從10個欄位增加到25個、50個,甚至破百個欄...

2025-08-17 ‧ 由 Zoe Wu 分享
DAY 4

Day 4:常見UX實作 - 表格互動功能設計

前言 除了文字多跟欄位多的問題,還有許多互動需要處理,使用者會有多重條件限制,符合A搜尋條件之後,還要做排序或是篩選。 資料流程中會先從後端取得資料,才到前端呈...

2025-08-18 ‧ 由 Zoe Wu 分享
DAY 5

Day 5:表格進階實作 - 響應式設計與性能優化

當我們掌握了基本的資料處理策略後,接下來要面對的挑戰是如何讓表格在各種裝置上都能提供良好的使用者體驗,同時處理大量資料時保持流暢的效能。今天我們將深入探討響應式...

2025-08-19 ‧ 由 Zoe Wu 分享
DAY 6

Day 6:loading 與 HttpInterceptor

如果要做 Loading 的話,個人偏好全域處理,由 HttpInterceptor 統一攔截處理,不需要每個元件都設一個 isLoading 的參數來控制,不...

2025-08-20 ‧ 由 Zoe Wu 分享
DAY 7

Day 7:Angular HTTP服務設計:從API規範到架構選擇

前言 在開發中型以上的Angular專案時,建立完整的HTTP服務管理體系是必要的。本文將從RestAPI設計規範開始,深入探討Token安全管理、錯誤處理機制...

2025-08-21 ‧ 由 Zoe Wu 分享
DAY 8

Day 8:跨域解決與服務分層架構

前言 如果你看到主控台出現 .「... CORS error…」這個錯誤, 他是來自於 同源政策(Same-Origin Policy) 的關係,這個政策是瀏覽...

2025-08-22 ‧ 由 Zoe Wu 分享
DAY 9

Day9:新增、修改跟刪除

情境 內部系統最常遇到的需求,就是使用者需要管理資料,以下分享這樣的管理行為如何操作,通常是在表格上的對應資料上放上按鈕來操作 刪除 請出現彈窗,讓使用者確...

2025-08-23 ‧ 由 Zoe Wu 分享
DAY 10

Day 10:Router 基礎設計:單層與巢狀

前言 由於 Angular 是 單頁應用程式 (SPA) ,是透過 JavaScript 動態更新頁面內容,而不是重新載入整個頁面。 可以把 這個標籤想成一個...

2025-08-24 ‧ 由 Zoe Wu 分享