![[筆記] 2024 從 Jest 轉移到 Vitest 過程筆記](https://smlpoints.com/wp-content/uploads/notes-2024-from-jest-to-vitest-1-200x200.jpg "[筆記] 2024 從 Jest 轉移到 Vitest 過程筆記")
[筆記] 2024 從 Jest 轉移到 Vitest 過程筆記
近期為了解決 import.meta 無法順利使用 Jest 來進行單元測試的問題，於是改用 vite 為基底並盡可能相容 Jest 語法的 vitest。轉移 Read More …
分類: 程式語言 Programming Language
![[筆記] ESLint 8 → Eslint 9 升級指南 以 Vue3 + TypeScript + Prettier 為例](https://smlpoints.com/wp-content/uploads/notes-eslint-8-eslint-9-vue3-typescript-prettier-upgrade-1-200x200.jpg "[筆記] ESLint 8 → Eslint 9 升級指南 以 Vue3 + TypeScript + Prettier 為例")
[筆記] ESLint 8 → Eslint 9 升級指南 以 Vue3 + TypeScript + Prettier 為例
ESLint 9 於 2024 年春迎來了一次重大的版本更新，將過往的巢狀設定風格變為扁平化。因此過往常互相衝突的 eslint 與 prettier 也終於可 Read More …
![[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾")
[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾
Vite 在打包建置正式環境的內容時，其 publicDir 的資料夾是預設全部都會打包的。若你想要客製化其打包內容，那可以自行撰寫一個 Plugin 來達成。 Read More …
![[筆記] Vueform Vue3 Multiselect 封裝](https://smlpoints.com/wp-content/uploads/notes-vueform-3-multiselect-1-200x200.jpg "[筆記] Vueform Vue3 Multiselect 封裝")
[筆記] Vueform Vue3 Multiselect 封裝
這邊分享 Vue3 版本的 Vueform 所提供的 MultiSelect 的封裝方式。多虧於原始的 TypeScript 的型別已經規劃的相當完善，所以難度 Read More …
[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中
使用 Vite 開發時， dev 與 prod 環境中若要自動注入 window 物件，其邏輯是有所不同的。這邊筆記下不同之處，以及如何修正。 內容 開發 De Read More …
![[筆記] Promise.allSettled TypeScript 和批次 Batch 發送寫法](https://smlpoints.com/wp-content/uploads/notes-bruce-typescript-for-beginners-to-create-your-own-chatroom-via-socket-io.jpg "[筆記] Promise.allSettled TypeScript 和批次 Batch 發送寫法")
[筆記] Promise.allSettled TypeScript 和批次 Batch 發送寫法
近期因實務上需要，運用到了 Promise.allSettled 以及有拆分 Batch 批次發送的需求。這邊筆記下實作上遇到的疑問和解決方法。 內容 1. 型 Read More …
![[筆記] HTML Vue3 Click Outside 實作與誤區](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML Vue3 Click Outside 實作與誤區")
[筆記] HTML Vue3 Click Outside 實作與誤區
實務上要實作 Click Outside，多半都是將監聽器綁在 window 上，或是透過 Event 事件的 ComposePath() 方法來進行過濾，進而 Read More …
![[筆記] 讓 SVG 得以自適應寬高縮訪放的方法](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] 讓 SVG 得以自適應寬高縮訪放的方法")
[筆記] 讓 SVG 得以自適應寬高縮訪放的方法
SVG 若要讓其可以自由隨著螢幕尺寸或是外框大小縮放的話，那會需要修改一下 svg 本身的設定，才能讓其套用。 內容 1. 將 <svg> 標籤上的 Read More …
![[筆記] Express + TypeScript + http-proxy-middleware 架設簡易開發 Proxy 伺服器](https://smlpoints.com/wp-content/uploads/guide-nodejs-typescript-express-api-server-1.png "[筆記] Express + TypeScript + http-proxy-middleware 架設簡易開發 Proxy 伺服器")
[筆記] Express + TypeScript + http-proxy-middleware 架設簡易開發 Proxy 伺服器
既有專案由於後端是採用 session 認證。為了讓 localhost 的環境可以順暢的接受 set-cookie，除了運用 Chrome 的覆寫 heade Read More …
