MIXXIN
Vibe Coder 入門課 · 個人頁
q
@linhaoxiang ↗
學習進度
4
/8
✓
堂 1
✓
堂 2
✓
堂 3
✓
堂 4
·
堂 5
·
堂 6
·
堂 7
·
堂 8
作品與個人建議
第 2 堂 · Lunch Squad
linhaoxiang/lesson-02/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 ·
補課頁 →
亮點
三項全做到,兩個最容易踩的雷都避開——用店名當紀錄名字,抓到沒有評分的店顯示「尚無評分」而不是空白或怪符號。
建議
三個存進抽屜的地方都沒有防護(讀有包、寫沒包)。PR 描述缺「換裝置」和「需不需要密碼」兩題。
小挑戰
跟 AI 說「幫我把三個寫 localStorage 的地方(saveJoined 跟兩個 fetch 成功後的 setItem)都包上 try/catch,避免無痕模式跳例外」。
特別指派作業(全班)
:第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。 這不是誰粗心,是 AI 寫這種程式的固定盲點。看完再交一張 issue + 一個 PR:
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺/UX 講評
亮點
Miro 便利貼配色(黃/粉/薄荷綠交錯)很活潑好記;是全班唯一確認「我要跟」跟「取消跟團」雙向都能正常運作的頁面——按下去變成「已跟團(點擊取消)」,再按一次人數會準確地退回去。
建議
卡片是固定高度的便利貼形狀,但有些店資料多(地址+電話+時段)、有些只有一行,資料少的卡片在按鈕上方留了一大塊空白,同一排卡片高低不齊看起來有點鬆散。
小挑戰
跟 AI 說「卡片內容少的時候,把空白區塊縮小一點,讓同一排卡片視覺上更整齊」。
第 2 堂 · 地點貢獻
大胖烏醋麵
PR
#3 ↗
· 2026-07-09
✓ 已合併
說明
僅有店名與座標可從連結解出,缺少的地址/電話/營業時間誠實標註於 notes 待確認未捏造;meta 計數(22 → 23)與 JSON 格式驗證通過