什麼是抽象工廠模式？ 抽象工廠模式提供一個建立一系列相關或相互依賴物件的介面，而不需要指定它們的具體類別。這種模式確保產品族內的一致性，常用於 UI 框架的實作。 核心概念 產品族：一系列相關的產品 抽象工廠介面：定義建立產品族的方法 具體工廠：實作特定產品族的建立邏輯 產品一致性：確保同一產品族內的產品能正常配合 實際範例 // 產品介面 interface Button { render(): void; } interface Input { render(): void; } // Material UI 產品族 class MaterialButton implements Button { render(): void { console.log('Rendering Material UI button'); } } class MaterialInput implements Input { render(): void { console.log('Rendering Material UI input'); } } // Bootstrap 產品族 class BootstrapButton implements Button { render(): void { console.log('Rendering Bootstrap button'); } } class BootstrapInput implements Input { render(): void { console....

什麼是簡單工廠模式？ 簡單工廠模式是最基本的工廠模式，它提供一個統一的介面來建立物件，而不需要直接使用 new 關鍵字。這種模式將物件的建立邏輯集中管理，提高了程式碼的可維護性。 核心概念 統一介面：提供一個靜態方法來建立物件 集中管理：將建立邏輯集中在一個地方 降低耦合：客戶端不需要知道具體的實作細節 實際範例 // 產品介面 interface Vehicle { drive(): void; } // 具體產品 class Car implements Vehicle { drive(): void { console.log('Driving a car'); } } class Bike implements Vehicle { drive(): void { console.log('Riding a bike'); } } // 簡單工廠 class VehicleFactory { static create(type: 'car' | 'bike'): Vehicle { switch (type) { case 'car': return new Car(); case 'bike': return new Bike(); default: throw new Error('Unknown vehicle type'); } } } // 使用方式 const car = VehicleFactory....

前言 前端開發人員經常需要在數個專案中切換，NodeJS 版本也會因專案不同而切換來切換去，雖然有方便的 nvm、n 等管理工具可以進行版本控管，但依舊是“手動”來執行切換指令，長期下來是一種困擾，更不用說如果同時在多個專案裡，更容易出現問題。 確保所有專案環境裡的 NodeJS 版本雖然不是什麼嚴重的大事，但可以讓我們從開發到 release 的程式碼運作能按預期的方式進行，至少比較不會發生我在開發時看到的結果和 release 出去後運行的結果不一樣的困擾。 近期團隊正好遇到這個痛點，為了讓溝通成本降低，也減少不必要的人為疏失，萌生了讓 NodeJS 版本隨著不同專案自動切換的想法，也找到了解決方式記錄在這邊。 實作 我是使用 zsh，如果要用其他方式可以參考shell config section. 第一步：新增自動切換 NodeJS 的功能 在專案中先切換成正確的 node 版本 nvm use 18.18.0 輸入以下指令產生一個 .nvmrc 檔案 node -v > .nvmrc 再來就是要去terminal設定一下，打開 $HOME/.zshrc sudo vim .zshrc 在檔案最後的地方加入以下這段，重新啟動 vscode，只要專案有 .nvmrc，你會發現它會自動幫你變更 NodeJS 版本！ # place this after nvm initialization! autoload -U add-zsh-hook load-nvmrc() { local node_version="$(nvm version)" local nvmrc_path="$(nvm_find_nvmrc)" if [ -n "$nvmrc_path" ]; then local nvmrc_node_version=$(nvm version "$(cat "${nvmrc_path}")") if [ "$nvmrc_node_version" = "N/A" ]; then nvm install elif [ "$nvmrc_node_version" !...