[Design Pattern] 掌握設計模式：State Pattern原理與應用
簡介 State Pattern（狀態模式）是一種行為型設計模式，允許物件在內部狀態改變時改變其行為。 問題 當物件的行為依賴於狀態，且狀態會改變時。 解決方案 將每個狀態封裝成獨立類別，物件根據狀態切換行為。 C# 範例 public interface...
[Design Pattern] 掌握設計模式：Strategy Pattern原理與應用
簡介 Strategy Pattern（策略模式）是一種行為型設計模式，定義一系列演算法，並使它們可以互換。 問題 當需要在執行時動態切換演算法或行為時。 解決方案 將演算法封裝在獨立類別，並透過介面互換。 C# 範例 public interface IStrategy { void Execute(); }...
[Design Pattern] 掌握設計模式：Template Method Pattern原理與應用
簡介 Template Method Pattern（模板方法模式）是一種行為型設計模式，定義一個演算法骨架，將部分步驟延遲到子類別實現。 問題 當演算法的結構固定，但部分細節需由子類別決定時。 解決方案 在父類別中定義模板方法，子類別覆...
[Design Pattern] 掌握設計模式：Visitor Pattern原理與應用
簡介 Visitor Pattern（訪問者模式）是一種行為型設計模式，將作用於物件結構元素的操作封裝成訪問者物件。 問題 當需要對物件結構中的元素進行多種操作時。 解決方案 將操作封裝成訪問者類別，並由元素接受訪問者。 C# 範...
Canvas 下雨動畫（含風力效果）CodePen 實作分享
Canvas 下雨動畫（含風力效果）CodePen 實作分享 這篇文章將分享一個以 Canvas 製作的下雨動畫 side project，並加入風力效果，讓雨滴呈現自然飄動。 作品介紹 這個 CodePen 範例利用 JavaScript 操作 Canvas，實現下雨動畫，並可調整...
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享 這篇文章將分享一個簡單的番茄鐘（Pomodoro Timer）side project。 作品介紹 番茄鐘是一種提升專注力的時間管理工具，常見於前...