鐵人檔案
本挑戰將用 30 天時間，運用 HTML、CSS、JavaScript 等從零打造一個專屬追劇迷的互動網站。網站將包含追劇清單、類型分類、收藏功能，以及心得留言牆，讓使用者能記錄觀後感並與其他人互動。整個過程將逐步完成網站架構、互動效果、樣式優化與功能整合，並分享學習心得與程式碼，適合想練習前端三劍客並完成作品集的參賽者。
昨天我們完成了收藏功能與收藏頁，今天把「心得」做出來。雖然只是前端表單，但好的驗證與回饋能讓體驗差很多，也為之後的心得牆打底。 1. 新增 review.ht...
1.在 style.css 末尾補上兩段（可選） 讓「清空全部」與空狀態更清楚（若 Day 11 已有類似就可略過）： /* Day 12：清空全部按鈕（危險動...
目標把 review.html 的心得列表做成對話框風格、加陰影與分隔；長列表用「載入更多」。 改哪裡：style.css、js/reviews.js 1. C...
目標把第二週進度、使用方式、檔案結構、已知問題寫入 README.md。 新增檔：README.md（摘要） # DramaWeb — 週次小結（Week 2）...
目標加上微動效：收藏按鈕彈跳、卡片浮起、chips 進出場。 改哪裡：style.css /* Day 15：微動效 */ .card{ transition:...
目標補上簡易漢堡選單（不影響你原本架構），改善 360px 的擠壓。 改哪裡：首頁/共用 HTML（header 區）、style.css、小段 jQuery...
目標讓心得內容更可讀：自動偵測網址轉連結、支援 @名字 高亮、長文斷行。 改哪裡：js/reviews.js（render 內容處理）、style.css 1....
目標加入排序下拉與方向切換；排序與目前的「類型/搜尋」同時作用（在首頁），心得牆也支援「新→舊 / 舊→新」。 改哪裡：首頁（index.html/front....
我們在 Day 9 已完成基本搜尋。今天做體驗升級：全形/半形統一、忽略多餘空白、簡易模糊比對（包含順序相近也可命中）。 改哪裡：js/app.js（apply...
我們在前面已完成收藏與心得的 LocalStorage。今天加上版本化與資料完整性：可避免未來結構變更導致讀取出錯，並保留欄位升級空間。 改哪裡：js/app....
