![[筆記] 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 …
分類: 筆記 Notes
![[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 11](https://smlpoints.com/wp-content/uploads/notes-learn-from-owasp-top-10-hiskio-1-200x200.jpg "[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 11")
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 11
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下如何真正的加解密。 課程相關資訊 Read More …
![[筆記] 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 …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 10
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下敏感性的資料暴露與應對方式。 課 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 …
![[筆記] 如何在桌機瀏覽器上模擬 touch 事件](https://smlpoints.com/wp-content/uploads/notes-use-browsersync-to-make-hot-reload-while-developing-1.jpg "[筆記] 如何在桌機瀏覽器上模擬 touch 事件")
[筆記] 如何在桌機瀏覽器上模擬 touch 事件
近期要在桌機的瀏覽器上，模擬手機的 touch 行為。雖說可透過 Chrome 的 DevTool 可以達成，但開啟點並不好找。這邊筆記下相關內容。 內容 1. Read More …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 9
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下若有損壞驗證功能，該如何進行修復 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 …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 8
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下若有損壞驗證功能，該如何進行修復 Read More …
