花園

6 則筆記正在生長。清除篩選 ✕

• 行動裝置收尾雷合集：16px、自動聚焦與 passive 事件 把整個站在手機與 iPad 上收尾的過程，攢下一小把「文件上不會告訴你、真機一碰就爆」的雷。集中記錄，每一條都是實際踩過的。 輸入框字級 < 16px，iOS 自動放大頁面 Safari 的「貼心」：聚焦到字級小於 16px 的輸入框，整頁自動 zoom in 幫你看清楚——然後不會自動 zoom 回去。版面精心調的 …⇄ 1#踩雷 #前端 #ios 最後照顧 07-14
• 全域回應信封與它吃掉的檔案下載 平台所有 API 的成功回應長一個樣：{ data: ... }。這靠一個全域 interceptor 把 controller 的回傳值統一包起來——前端拆信封的邏輯寫一次就好，錯誤格式（{ message, errors? }）也對稱收斂。 信封刻意極簡：不塞 success: true（HTTP 狀態碼已經說了）…⇄ 1#踩雷 #nestjs #平台 最後照顧 07-14
• iPad 上拖不動的圖譜節點：touch-action 對 SVG 子元素無效 首頁的知識圖譜可以拖曳節點——桌機上手感很好，iPad 上完全拖不動：手指一動，整頁跟著捲，拖曳中斷。 教科書解法為什麼失效 標準做法是對可拖曳元素設 touch-action: none，告訴瀏覽器「這個元素上的觸控手勢交給 JS，不要啟動捲動」。桌機的觸控模擬器一切正常——然後 iPad Safari 直接無視它。…⇄ 2#踩雷 #前端 #ios 最後照顧 07-14
• Windows 的 preserve-symlinks 死亡陷阱：NestJS 被載入了兩份 forge-monorepo|Monorepo 遷移後最兇的一個雷，症狀完全不知所云： Nest can't resolve dependencies of ... ModuleRef Nest can't resolve dependencies of ... ConfigService DI 容器說找不到 Conf…⇄ 1#踩雷 #nestjs #windows 最後照顧 07-14
• 一場 429 假扮 404 的偵探記：限流的讀寫分道 症狀：在自己的網站上點了幾篇文章，突然看到「找不到這則筆記」。筆記明明在。重新整理，又好了。 追兇 第一層：錯誤頁誤導。頁面把所有 API 失敗都當成 404 呈現——真兇是 429（請求太多），被謊報成「不存在」。訪客會以為內容被刪了，這比錯誤本身更糟。教訓：錯誤分流要誠實，429/500 與 404 是完全不同的故…⇄ 3#踩雷 #nuxt #nestjs 最後照顧 07-14
• 程式碼走讀：目錄高亮，與一個永遠不亮的最後一章 筆記頁右欄的目錄會跟著捲動高亮當前章節。第一版用 IntersectionObserver——教科書推薦的現代解法——然後在真實內容上翻了車，值得完整走讀一次。 核心判定：最後一個過線的標題 ts NoteToc.vue（節錄） function recomputeActive(): void { let idx = …#程式碼走讀 #前端 #踩雷 最後照顧 07-14