接續上一講專案的基礎建立後，我們已經能用基本的 Markdown 透過 Astro Layout 及其本身對 Markdown 格式的轉譯，產生出一篇 HTML 格式的頁面了。 然而若是我們想要加入更...
本系列文章所討論的 JavaScript 資安與逆向工程技術，旨在分享知識、探討防禦之道，並促進技術交流。所有內容僅供學術研究與學習，請勿用於任何非法或不道德的行為。讀者應對自己的行為負完全責任。尊...
摘要今天把 Day 26 的全站樣式變數升級為「可切換主題」：支援 Light/Dark 與 色彩主題（專注藍／活力橘／治癒綠），並把使用者偏好存進 localStorage，下次開啟自動還原。也處...
本系列文章所討論的 JavaScript 資安與逆向工程技術，旨在分享知識、探討防禦之道，並促進技術交流。所有內容僅供學術研究與學習，請勿用於任何非法或不道德的行為。讀者應對自己的行為負完全責任。尊...
摘要今天用 Flexbox 與 CSS Grid 重新整理頁面結構：工具列橫向排好、任務安排區塊與歷史頁更清晰，加入基本 RWD 與一致的按鈕/表單外觀，讓作品看起來更像產品而不是雛型。 為什麼要...
摘要承接 Day 24 的即時生成，今天把 Gemini 回覆存進本機，做出「語錄清單」：支援收藏、排序、搜尋、刪除、複製。透過 localStorage 陣列與清單渲染，讓暖心語錄不只即時出現，更...
摘要承接 Day 23 的「小後端 + ngrok」，今天把 AI 即時回覆接進來： 在後端新增 /gen-quote 代理路由（Server 端安全保存 API Key）； 前端在使用者按下 「...
宣告式風格談陣列方法 map函數 傳統命令式撰寫風格(imperative)必須完全掌控程式實作的細節，比較具有彈性，卻也需要花費較多的心思在程式的細節，著重在如何(How)，我們以陣列迴圈命令式寫...
摘要承接 Day 22 的「資料主權」，今天把資料送到「你自己的小後端」： 用 Express 在本機開一個 POST /backup API； 用 ngrok 把本機 3000 連到一個公開 H...
摘要Day 21 我們完成了圖表統計（長條／圓餅／趨勢）。今天把重點放回「資料主權」：把瀏覽器裡的紀錄 匯出到電腦。 JSON 匯出：原樣保存，方便再次匯入或做進階處理。 CSV 匯出：用 Exc...