STEP GUIDE · Checkpoint 2

這個步驟要做什麼、改哪裡、怎麼看結果

這一步聚焦 TASK-02;下方只比較「Checkpoint 1 → Checkpoint 2」的真實異動。

01

三項 Task 進度

TASK-01已完成

將本機變更加入 mock 同步佇列

預計修改:script.js

完成後:每筆變更顯示不同短 id,待同步數量增加且重整後仍保留

TASK-02本步驟處理

驗證離線全批保留與線上全批移除

預計修改:script.js

完成後:離線同步時全批保留,回到線上同步後全批移除

TASK-03稍後處理

提供重試與部署前檢核

預計修改:script.js

完成後:離線重整不丟件;恢復模擬網路後成功移除並顯示 GAS 邊界

02

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。

HTML本步驟無異動

檔案:index.html

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。
CSS本步驟無異動

檔案:style.css

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。
JavaScript本步驟有異動

檔案: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/其他文件本練習未使用

檔案:README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。
03

怎麼看到結果

  1. 準備

    先重新整理並確認 mock 同步佇列為初始狀態。

  2. 操作

    新增兩筆變更,切換離線後按「立即同步」,確認兩筆全數保留;切回線上再同步,確認兩筆全數移除。

  3. 預期

    離線時兩筆全保留;線上時兩筆全移除

Checkpoint 2 TASK-02

驗證離線全批保留與線上全批移除

完成後可見:離線同步時全批保留,回到線上同步後全批移除

MOCK SYNC

待辦事項 Mock 同步中心

待同步 0 筆

尚未執行部署預檢