Day 31: 【優化篇】代碼的整形外科:JavaScript 模組化與代碼重構
今天我們將為原本臃腫的 script.js 進行一次徹底的「整形手術」,引入專業的 JavaScript 模組化結構。
Software Engineering
Gemini
JavaScript
All time
全部文章依開站以來的 GoatCounter 累計點閱數重新排序,長銷文章都在這裡。資料每天自動同步一次。
Ranked by views
有歷史累計點閱紀錄的文章排在前面,其餘依發布日期排列;點閱數每天同步一次。
今天我們將為原本臃腫的 script.js 進行一次徹底的「整形手術」,引入專業的 JavaScript 模組化結構。
今天我們將為 App 注入「同理心」,教它如何與使用者溝通,優雅地處理「載入中」和「錯誤」狀態。
今天我們將深入前端開發中最核心的觀念——非同步程式設計,並學習如何使用 Fetch API 讓前後端進行對話。
今天,是我們「左手藍圖,右手魔法」協奏曲的上半場終章。我們將回顧我們走了多遠,沉澱我們學到了什麼,並展望未來。
今天我們就要來幫專案請一位 24 小時不休息的稽查員—— GitHub Actions ,順便設定好我們的第一條自動化品管流程 (CI)!
今天我們暫時不推進度,要來一場「魔法師的幕後揭秘」,聊聊如何讓 AI 幫我們生成高品質的 Prompt。
迭代器模式 (Iterator Pattern) 提供統一的方式遍歷集合元素,而不暴露內部結構。本文以 C# 音樂播放清單為例,示範如何輕鬆管理集合。
中介者模式 (Mediator Pattern) 集中管理物件間的溝通,降低耦合度。本文利用 C# 聊天室範例,示範如何簡化複雜的互動關係。
備忘錄模式 (Memento Pattern) 讓你能隨時保存並恢復物件狀態。本文透過 C# 遊戲存檔範例,教你如何實作狀態回復機制。
觀察者模式 (Observer Pattern) 讓物件在狀態改變時能自動通知所有依賴者。本文以 C# YouTube 訂閱通知範例,示範即時更新機制的實作。