[筆記] Tailwind CSS Safelist 設定
這邊筆記下若用 Vue3 搭配 TailwindCSS 使用時,若用動態傳值來指定的 class – 像是顏色代碼,那你會發現沒有作用。因為 Tai Read More …
點數旅行 留學 信用卡 程式學習
這邊筆記下若用 Vue3 搭配 TailwindCSS 使用時,若用動態傳值來指定的 class – 像是顏色代碼,那你會發現沒有作用。因為 Tai Read More …
Swiper.js 是很常被使用的開源幻燈片、跑馬燈效果工具,現今 2024 已經到第 11 版了。早期使用 Swiper.js 官方有特別開出 Swiper Read More …
在 Vue3 中整合原生的 JavaScript 套件如 Swiper,遇上了 onMounted 無法獲取 DOM 的情況。這邊筆記下成因和解決方法。 內容 Read More …
這篇筆記下撰寫單元測試遇上含有 <Teleport> 屬性的 Vue3 元件,可以使用的測試方法。 內容 Stub 方法 在 mount 該元件的時 Read More …
Vue3 搭配 Jest 和 TypeScript,若要測試 Vue 元件內部的 computed 型別,在使用 <script setup> 語法 Read More …
這回工作上遇到的「既有專案翻新」,因前人已有用 Vite + Vue3 翻新眾多傳統 HTML 頁面的其中一頁,有機會來製作個「Vue3 TypeScript Read More …
筆記一下 Vue3 開發時,必備的一些讓元件自動或是手動觸發更新的技巧。 內容 自動更新 1. 使用 watch [crayon-66a4792d08e6f10 Read More …
React 中可用 Portal 將 React 的內容掛到預設的根節點以外的地方,在處理彈出視窗、抽屜、下拉選單…等用途上非常好用。Vue3 的 Read More …
原先的專案是使用 Bootstrap 5 並搭配巢狀的 scss 設置,不過隨著工具類的 css 撰寫工具如 Tailwind css 的興起,想說看能否與既有 Read More …