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 被隱藏時，匯出的圖片是空白的。