STEP GUIDE · Solution

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

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

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 retryAndPreflight(){preflight.textContent="尚未完成預檢"}

修改後

async function retryAndPreflight(){const synced=await syncQueue();preflight.textContent=synced&&online?"Mock 預檢通過:模擬線上且佇列為零;尚未驗證 GAS":"Mock 預檢未通過:"+(online?"仍有失敗項":"目前離線")}
README/其他文件本練習未使用

檔案:README.md

修改前

本練習沒有這個檔案。

修改後

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

怎麼看到結果

  1. 準備

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

  2. 操作

    切換離線並同步,確認全批保留;重新整理後確認只有 queue 被持久保留,模擬網路回到預設線上;按「重試並預檢」,確認佇列清空且文案明列未驗證 GAS。

  3. 預期

    重整後 queue 保留、模擬網路為線上,retry 後佇列清空並顯示 mock 預檢邊界

Solution TASK-03

提供重試與部署前檢核

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

MOCK SYNC

待辦事項 Mock 同步中心

待同步 0 筆

尚未執行部署預檢