打 API 的那一行程式碼本身不難，fetch(url) 一行就結束了。真正花時間的是它周圍的狀態：資料還沒回來時畫面要顯示什麼？失敗了要顯示什麼？使用者切換條件後，舊資料要不要先清掉？ Day 21...
前面已經把 Dijkstra 寫出來了，接下來終於要開始做視覺化。 我原本的構想是： 使用者可以設定 Node 數量 Node ID 使用流水號產生 Weight 隨機產生 Node 和 Weig...
寫 Vue 寫久了，一定會遇到這種情況：A 組件寫了一段邏輯，過兩天 B 組件也要一模一樣的東西。 最直覺的做法就是複製貼上。能動，但接下來的事大家應該都經歷過：某天發現那段邏輯有 bug，修了 A...
先記住：高內聚是一起變，低耦合是合作靠小介面。需要深入時：再畫依賴圖。 拆成十個檔案，還是每次都一起改 假設購物車被拆開了，但優惠模組直接修改商品 store商品模組又監聽優惠 store，摘要元...
系列：奇幻塔防開發實錄：用 Claude 打造一款有靈魂的塔防遊戲今日工具：Claude Code ／ curl + jq ／ Terraform（CloudFront 第二個 origin）今日...
這幾天把後端那條線摸過一輪——FastAPI 的概念、路由、資料模型都理清楚了。今天要切到另一條線：使用者實際會看到、會操作的畫面要怎麼做。這塊完全是新的領域，所以今天不急著選定要用哪個框架，先搞懂基...
Day 19 做了一顆共用按鈕 BaseButton。實際專案裡，按鈕很少單獨出現：表單底部有「取消／儲存」，列表上方有一整排工具列按鈕。設計稿通常會要求同一組按鈕的尺寸一致。 最直覺的寫法是每顆都寫...
做專案一定寫過共用按鈕：樣式統一、圓角統一、hover 效果統一，每個頁面只要放上不同的文字就好。 這種「外框是固定的，內容由使用的人決定」的需求，Vue 給的答案就是 slot（插槽）。 今天會用一...
這幾天把後端那條線摸過一輪——FastAPI 的概念、路由、資料模型都理清楚了。今天要切到另一條線：使用者實際會看到、會操作的畫面要怎麼做。這塊完全是新的領域，所以今天不急著選定要用哪個框架，先搞懂基...
Day 13 我們把 v-model 綁在 input、checkbox、select 這些原生表單元素上，打字、勾選、下拉，資料就自動同步。 今天的問題是：如果要綁定的不是原生 input，而是我們...