宣告式風格談陣列方法 map函數 傳統命令式撰寫風格(imperative)必須完全掌控程式實作的細節，比較具有彈性，卻也需要花費較多的心思在程式的細節，著重在如何(How)，我們以陣列迴圈命令式寫...
摘要承接 Day 22 的「資料主權」，今天把資料送到「你自己的小後端」： 用 Express 在本機開一個 POST /backup API； 用 ngrok 把本機 3000 連到一個公開 H...
摘要Day 21 我們完成了圖表統計（長條／圓餅／趨勢）。今天把重點放回「資料主權」：把瀏覽器裡的紀錄 匯出到電腦。 JSON 匯出：原樣保存，方便再次匯入或做進階處理。 CSV 匯出：用 Exc...
摘要延續 Day 20 的長條圖統計，我們今天要繼續延伸 Chart.js 的應用： 圓餅圖：用來顯示各精神狀態的「比例分布」。 折線圖：改成計算「每日有效造訪次數」——同一天不論提交幾次，只算...
安安，我是 ChiYu！ 昨天，我們為精彩的後端開發之旅，畫下了一個完美的句點。我們現在擁有一個性能強大、穩定可靠的「專案引擎」，一顆強壯、默默跳動的心臟，但它還沒有形體，等待著被賦予生命。 從今天起...
摘要今天我們要把「精神狀態小測驗」升級成長期回顧工具！不只保留最新一次的選項（MOOD_KEY），還要新增 MOOD_LOG_KEY 陣列，把每次提交的結果都存起來。這樣就能在歷史回顧頁顯示統計清單...
摘要今天讓網站「記得你來過」。我們用 localStorage 追蹤是否曾造訪過，進場畫面會改成一句暖心問候：「今天的你，是不是不一樣了呢？」並依第一次／再次來訪呈現不同入口選項： YES 分支（...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！專案一直以來都由 JavaScript 這位自由奔放、充滿創意的藝術家主導。他隨性...
摘要完成任務排程後，立刻在頁面上生成一句溫暖總結：「你選擇在【下午】安排了《任務》…」，並提供兩個行動按鈕：分享挑戰給好友與查看我的假日紀錄。學會把「先前表單選擇 + 拖曳結果」組合成動態文案，並綁...
摘要把 Day 16 的「點擊把任務卡放進時段格」升級為「拖曳（Drag & Drop）」，並在放下（drop）後同步寫入 localStorage。同時保留點擊作為鍵盤與行動裝置的回退方案...