摘要走到 Day 30，我們完成了「拖延怪日記 Procrastinator」網頁。從最初的輸入表單，到 LocalStorage 保存、歷史清單、Undo、排序篩選、情緒追蹤、任務安排、AI 語錄...
摘要讓你的資料「帶得走」。今天我們做一個最小可用的雲端同步：前端維持離線可用（localStorage），需要時一鍵「備份到雲端」、另一台裝置一鍵「從雲端載入」。不做複雜帳號，先用固定 client...
摘要讓操作「看起來就對」。本日替 showPage() 加入過場動畫（淡入/淡出、滑入）、任務卡拖曳時的高亮與壓下感，以及主要按鈕的 Ripple 波紋與按壓縮放。同時尊重使用者的 prefers-...
接續上一講專案的基礎建立後，我們已經能用基本的 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）； 前端在使用者按下 「...