Nuxt 3 Layout 與 Page 的高度職責分離：解決多餘 scrollbar 問題
在 Nuxt 3 的 SPA 專案中，Layout 與 Page 之間的高度管理是個容易踩坑的地方。本文記錄一個常見問題：各個 Page 各自用 h-screen 控制高度，導致出現多餘的外層 scrollbar，以及修正過程中學到的 CSS 定位觀念。
2026
為什麼 .reverse() 讓瀏覽器凍結？Vue Reactivity 與 Array In-Place Mutation 的陷阱
在一個 Vue 3 專案中，我把一行 .sort() 改成 .reverse()，結果瀏覽器直接凍結。這篇文章記錄這個問題的根本原因：在 reactive context 中對陣列做 in-place mutation 可能觸發無限迴圈，以及為什麼 ES2023 的 toReversed() / toSorted() 是更安全的選擇。
用 invisible absolute 解決 Chart.js 在隱藏 Tab 中匯出空白圖片的問題
最近在做一個多 Tab 頁面的「下載圖表」功能時，踩到一個 Chart.js 的經典坑：當圖表所在的 Tab 被隱藏時，匯出的圖片是空白的。
從 100 行 Regex 到 Lucene Parser：複雜驗證邏輯的重構之路
最近在維護一個關鍵字搜尋功能時，遇到了一個經典的工程問題：手寫的 Regex 驗證邏輯越來越難維護，每次修 bug 都像在拆炸彈。
使用 Observer Pattern 重構複雜的資料上傳流程 - 以 PrimaryAPI 與 BackupService 整合為例
在後端開發中，我們常遇到需求不斷疊加，導致原本單純的類別（Class）變成了「上帝類別（God Class）」，職責混雜且難以測試。最近我在處理一個將資料上傳到 PrimaryAPI（主要資料平台）與 BackupService（備份服務）的功能時，就遇到了「堆疊式複雜度」的問題。本文將分享如何利用 Observer Pattern（觀察者模式）1 與 Mediator Pattern（中介者模式）2 來優化架構，達成高內聚低耦合的設計。
在 Cloud Run 被 OOM 教訓的一課：用 Stream 把記憶體從 O(N) 降到 O(1)
2026 年剛開始，我就收到了一份「大禮」。
2025
TypeScript 5.5+ Inferred Type Predicates：告別手動標註 `item is string`
在開發 Vue 組件時，我遇到了一個有趣的類型推斷問題，這讓我深入研究了 TypeScript 5.5 引入的 Inferred Type Predicates 功能。
Nuxt3 中 $fetch 與 axios 在模組頂層的差異
最近在重構公司專案的 API 層時，遇到了一個有趣的問題：原本用 axios 可以正常運作的程式碼，改用 Nuxt3 的 $fetch 後卻報錯了。這個問題讓我深入研究了 $fetch 和 axios 在底層實作上的差異。
Import Alias：~ vs @ 在不同框架的慣例
最近在重構專案時，發現自己一直習慣用 @ 來做 import alias，但 Nuxt3 的官方文件卻都用 ~。這讓我開始好奇：這兩個符號到底有什麼差異？各個框架的慣例又是什麼？
旅遊規劃網站電腦版居然是 Vue dev mode！？
2025 一轉眼也快過了 1/12，趁著過年之前想說來試用看看去年各種 KOL 業配的網站，不過因為我還是習慣使用電腦，所以並沒有下載 APP，而是先使用電腦版試用看看，如果好用再來下載 APP，沒想到偶然發現了他們網站居然還是 development mode。