AI 美甲平台

CHALLENGE

JWT 過期的瞬間,數十個進行中的請求會同時觸發 refresh。

SOLUTION

401 一律進入刷新佇列:只發一次 refresh,成功後重放所有排隊請求。同一個攔截層順帶標準化後端的逐欄位驗證錯誤,表單層直接顯示、不再各自解析。

CHALLENGE

50+ 個模組全部打包,首屏會被拖垮。

SOLUTION

路由層級懶加載搭配 feature flags 控制功能面;CI 以 bundle 體積閘門把關,讓體積成長永遠是「被看見的決定」而不是意外。

CHALLENGE

一輪涵蓋工作流程、表單、權限、無障礙與效能的企業級稽核,產出 163 筆原始發現;其中最高槓桿的一類,是跨 4 個以上模組重演的「假成功」反模式——表單顯示儲存成功但沒有真正寫進後端、按鈕顯示成功但功能早已被靜默停用。

SOLUTION

163 筆先去重為 49 筆;21 筆 Critical/High 逐一交叉驗證(21/21 確認為真)後才投入修復,對應 18 個批次的系列 commit——含修正假成功動作、讓 8 個佣金相關檔案改回統一的 errorHandler。其餘 28 筆 Medium/Low 如實列管、未虛報進度。

CHALLENGE

庫存尺寸頁的表格與提示框會不斷向下延伸、撐爆容器——而且只在有實體捲軸的瀏覽器重現。headless 測試用的是不佔空間的 overlay 捲軸,自動化截圖完全看不出異常,一度被誤判為「已穩定」。

SOLUTION

根因是表格自帶 scroll 與 fixed 首欄,和全域的 overflow-x:auto 疊成兩層水平捲動容器,fixed 欄再觸發 Ant Design 的 ResizeObserver 反覆重量測,形成「捲軸出現 → 容器變窄 → 再量測」的迴圈。移除該表格自己的 scroll/fixed、交給全域 wrapper 做單層捲動,並以 Playwright 在 1280/900/600/375 四種寬度驗證穩定不溢出。