目前進度 3/4
STEP GUIDE · Checkpoint 2
這一步聚焦 TASK-02;下方只比較「Checkpoint 1 → Checkpoint 2」的真實異動。
預計修改:script.js
完成後:每筆變更顯示不同短 id,待同步數量增加且重整後仍保留
完成後:離線同步時全批保留,回到線上同步後全批移除
完成後:離線重整不丟件;恢復模擬網路後成功移除並顯示 GAS 邊界
展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。
檔案:index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案:style.css
style.css
檔案:script.js
script.js
async function syncQueue(){status.textContent="尚未完成同步"}
async function syncQueue(){const failed=[];for(const change of queue){try{await mockSend(change)}catch{failed.push(change)}}queue=failed;saveQueue();render();return queue.length===0}
檔案:README.md
README.md
本練習沒有這個檔案。
先重新整理並確認 mock 同步佇列為初始狀態。
新增兩筆變更,切換離線後按「立即同步」,確認兩筆全數保留;切回線上再同步,確認兩筆全數移除。
離線時兩筆全保留;線上時兩筆全移除
完成後可見:離線同步時全批保留,回到線上同步後全批移除
MOCK SYNC
待同步 0 筆
尚未執行部署預檢