![[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook")
[筆記] 動態監聽元素高度 JavaScript Vue 自製 hook
若要用 Vue3 實現監聽某一 DOM 元素的高度變化，可透過 ResizeObserver 來實現。 內容 若你僅是監聽 window.height 的高度， Read More …
標籤: vue3
[筆記] 實作 ColorPicker Vue3 元件
在 Vue3 利用各瀏覽器的原生 input 的 color 類型，就可以簡易的產出色彩選擇器。這邊筆記下重點。 內容 相容性 除了 IE、Android 版本 Read More …
[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件
因專案需求以及客製化樣式，決定自行手刻一個拖曳點擊上傳圖片的區塊，需要兼有圖片預覽、移除圖片、指定格式、檢查檔案大小以及因應 iOS 獨有的 heic 格式的轉 Read More …
![[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library](https://smlpoints.com/wp-content/uploads/notes-ui-lib-picker-vue3-ui-library-1-1-200x200.jpg "[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library")
[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library
UI Lib Picker 網站集合了各種知名的 Vue3 UI 套件庫的比較，方便開發者針對自己的需求來進行選擇。 內容 [ 網址 ]：https://ui- Read More …
![[筆記] Vite6 Sentry Vue3 監控工具導入 2025](https://smlpoints.com/wp-content/uploads/notes-vue-3-sentry-sass-integrate-1.png "[筆記] Vite6 Sentry Vue3 監控工具導入 2025")
[筆記] Vite6 Sentry Vue3 監控工具導入 2025
在 2025 年來導入 Sentry 監控工具，又變得更為簡易一些。這邊筆記一下與 Vue3 整合的記錄，和需要注意的事項。 內容 手動送至 Sentry 1. Read More …
[筆記] 修正 ResizeObserver loop limit exceeded 錯誤
當你的網頁端畫面有多次觸發重繪 re-paint 的行為，那你就有機會在 F12 的瀏覽器開發內，看見 ResizeObserver loop limit ex Read More …
[筆記] Vue3 實作點擊聚焦 input 當失焦時觸發函式
Vue3 在實作失焦時觸發某個函式時，需先有「聚焦」的行為。因此你在點擊某個按鈕後，要幫使用者自動聚焦到指定的 input 上，否則會發生預期外的行為。 內容 Read More …
![[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤](https://smlpoints.com/wp-content/uploads/notes-2024-from-jest-to-vitest-1-200x200.jpg "[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤")
[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤
Vite6 搭配 vitest 使用時，若版本不符合的情況下，會在 TypeScript 檢查時發現錯誤。這邊筆記下原因和解決方式。 內容 此錯誤是由於 vit Read More …
[筆記] Vue3 自製 Collapse Transition 收摺動畫
Vue 3 利用 <Transition> 實現動態高度的收摺動畫，並撰寫一個 composable 來幫助重複使用。 內容 由於 Vue 的 &l Read More …
