鐵人檔案
「30天的 JavaScript 設計模式之旅」 將帶大家逐步探索各種 JavaScript 設計模式，每天學習一種新模式或概念，從基礎到實際應用。本系列圍繞《JavaScript 設計模式學習手冊 第二版》及其他網路資源，涵蓋經典模式如 Module、Singleton、Observer 等。每篇文章提供簡潔的解釋與程式碼範例，幫助讀者理解模式要解決的問題、實現方式及優缺點。希望透過這次旅程，讓大家擁有更多元的解決方案，並對程式碼設計有更深入的理解。
今天要介紹的是 Observer 模式，這是 Gof 提出的模式之一，屬於行為型設計模式，這也是目前為止我覺得可以延伸最多應用案例的模式～ 情境 在一個應用程...
延續昨天提到的 Observer 模式，今天要介紹的是與 Observer 十分相似的延伸版，即 Publish/Subscribe 模式。GoF 一書中提到...
今天要介紹的是 Mediator 模式，屬於 GoF 定義的行為型模式之一。 情境 在複雜的前端應用程式中，當模組或元件逐漸增加，各元件間的互動會變得更複雜，...
今天要介紹的是 Command 模式，這是 GoF 定義的行為型模式之一。 情境 開發複雜應用程式時，開發者會需要一個靈活的架構來處理各種操作或功能，這些操作...
今天要介紹的是 Proxy 模式，這也是 GoF 在書中提及的設計模式之一，屬於結構型的設計模式，不過《JavaScript 設計模式學習手冊 第二版》這本書...
今天要介紹的是 MVC 模式，這和之前介紹的模式有點不同，在 GoF 書中，他們認為沒有將 MVC 稱為設計模式，而是視為一組用來建構 UI 的類別，他們認為...
今天要介紹的是 Promise 模式，在前端應用中，有很多需要進行非同步處理的場景，最常見的就是向後端發送 API 請求以取得資料，而這種發送請求的任務因為通...
今天要介紹的是命名空間化模式🧐 什麼是命名空間 《JavaScript 設計模式學習手冊 第二版》作者 Addy Osmani 在書中敘述命名空間(names...
接下來幾天會介紹幾個 React 的設計模式，介紹模式時不會說明太多 React 基礎概念，如果對 React 不熟悉的推薦可以讀我之前的筆記文章～今天要介紹...
今天要介紹的是 Render Props 模式，這也屬於 React 的模式之一。 Render Props 是什麼 Render Props 的目的類似 H...
