![[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例")
[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例
對 Element-Plus 的套件進行二次封裝後，撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …
分類: 網頁開發 Web Development
![[筆記] Tailwind css – Dark Mode 深色模式](https://smlpoints.com/wp-content/uploads/notes-tailwind-css-3-set-developing-environment.png "[筆記] Tailwind css – Dark Mode 深色模式")
[筆記] Tailwind css – Dark Mode 深色模式
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 如何呈現 dark mode。 內容 1. 設定 Read More …
![[筆記] docker-compose 啟動特定容器](https://smlpoints.com/wp-content/uploads/guide-linode-docker-install-your-mautic-1.png "[筆記] docker-compose 啟動特定容器")
[筆記] docker-compose 啟動特定容器
若要在一個 docker-compose 中起容器，達成「僅開啟特定容器」的效果時，可以透過 profiles 來達成。這邊筆記一下寫法和注意事項。 內容 1. Read More …
[筆記] Vue3 SPA 網頁與 Docker
這是 Vue 的一個長年疑問。準確來說是 Single-Page Application SPA 網頁應用，究竟有什麼方式可以取得 runtime 的變數，而不 Read More …
![[筆記] Nuxt3 佈署 runtime Config 的枚角和 Docker](https://smlpoints.com/wp-content/uploads/notes-nuxt-js-1-1.png "[筆記] Nuxt3 佈署 runtime Config 的枚角和 Docker")
[筆記] Nuxt3 佈署 runtime Config 的枚角和 Docker
近期在佈署 Nuxt3 的 SSR 專案時，由於專案有 5 個環境，想要達成「最小數量的 build Image」並在佈署時將環境變數給傳遞進去。這邊筆記一下誤 Read More …
[筆記] Tailwind css – JIT Just-In-Time Mode 模式簡介
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 的 JIT 模式。 內容 1. 設定上要由 ta Read More …
![[筆記] Jest 如何 Mock Axios API 的回傳值的兩種方式](https://smlpoints.com/wp-content/uploads/notes-zh-tw-en-javascript-understanding-the-weird-part-1.jpg "[筆記] Jest 如何 Mock Axios API 的回傳值的兩種方式")
[筆記] Jest 如何 Mock Axios API 的回傳值的兩種方式
前端專案撰寫測試時，若遇上 Axios API 的回傳值測試時，除了運用 Jest 所提供的定義來通過 TypeScript 的測試外，也可運用 axios-m Read More …
![[筆記] Husky + Lint-staged – Monorepo 專案的設定方式](https://smlpoints.com/wp-content/uploads/guide-vue-integrated-eslint-to-format-js-automatically-1.png "[筆記] Husky + Lint-staged – Monorepo 專案的設定方式")
[筆記] Husky + Lint-staged – Monorepo 專案的設定方式
在 2023 年的現在，Monorepo 也是種常見的前後端的專案管理方式。由於 husky 搭配 lint-staged 預設是 .git 和 packlag Read More …
[筆記] Tailwind css – 使用官方定義樣式
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 的內建定義樣式。 內容 1. 官方的 plugi Read More …
