iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Software Development

前端也想學設計模式 系列

設計模式是門有趣且實用的學問,其中包含了許多良好的寫作習慣與設計思維,能夠幫助開發者建立更有系統且易於維護的程式。由於前端的世界裡相關的學習資源較少,因此我希望藉由分享自己的學習心得,讓更多人認識這項美好的技術:)

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

Day 01 - 前言

對於軟體工程師而言,工作日常就是接受需求與提出解決方案。面對新需求時,除了要思考如何解決問題,還要在不同的解決方案之間做出抉擇。不同的情境有不同的考量,如何從眾...

2024-09-15 ‧ 由 Evans Wu 分享
DAY 2

Day 02 - 何謂設計模式

設計模式是指能夠重複利用的軟體設計方式,這些模式是經驗與智慧的結晶,能夠有效解決常見的軟體設計問題。 設計模式這一用語最早源自於建築學家 Christopher...

2024-09-16 ‧ 由 Evans Wu 分享
DAY 3

Day 03 - UML Class Diagram 類別圖

類別圖是一種 UML (Unified Modeling Language) 中的靜態結構圖,主要用於呈現系統中的類別的靜態結構。類別圖中包含了該系統的類別、類...

2024-09-17 ‧ 由 Evans Wu 分享
DAY 4

Day 04 - 堅若磐石 SOLID

在進入設計模式前的最後一個篇章,想向大家介紹經典的 SOLID 設計原則。 SOLID 是物件導向程式設計中的重要設計原則,旨在幫助開發者建立穩定且靈活的程式。...

2024-09-18 ‧ 由 Evans Wu 分享
DAY 5

Day 05 - Factory Method 工廠方法

工廠方法是建立型模式,它提供一個物件建立方法,讓客戶不需透過具體類別就能建立物件。 生活案例 想像你在路邊的自動販賣機買飲料,只要選取想要的品項,再投入對應的金...

2024-09-19 ‧ 由 Evans Wu 分享
DAY 6

Day 06 - Strategy 策略

策略模式定義一個演算法介面,並讓客戶端在執行時期根據需求替換具體實作。 生活案例 不知道大家平常都怎麼上班呢?大多時候我會騎機車,想要放鬆一點的時候會改搭公車。...

2024-09-20 ‧ 由 Evans Wu 分享
DAY 7

Day 07 - Observer 觀察者

觀察者模式讓物件可以被動地接收訊息,而不需要主動追蹤主題的變化。 生活案例 大家平時有收聽 Podcast 的習慣嗎?我時常在捷運上聽 Podcast,聽聽主持...

2024-09-21 ‧ 由 Evans Wu 分享
DAY 8

Day 08 - Decorator 裝飾者

裝飾者模式可以讓你在不改變原有物件的情況下,動態地為物件新增行為或功能。 生活案例 想像你點了一杯咖啡,這就是一個基本物件。你可以在咖啡上加一些配料,像是鮮奶油...

2024-09-22 ‧ 由 Evans Wu 分享
DAY 9

Day 09 - Abstract Factory 抽象工廠

我們在第五天的時候分享過工廠方法模式,今天的主題是它的進階版——抽象工廠模式。工廠方法模式每次只生成一種產品,而抽象工廠則用來生成整個產品家族。 生活案例 在日...

2024-09-23 ‧ 由 Evans Wu 分享
DAY 10

Day 10 - Singleton 單例

單例模式可以建立一個獨一無二的類別實例,並讓整個應用程式存取內部的狀態和資源。 生活案例 現在很多網站都提供深色模式,來符合使用者的視覺習慣。通常這樣的設定只會...

2024-09-24 ‧ 由 Evans Wu 分享