![[筆記] 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 …
分類: 筆記 Notes
![[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 10](https://smlpoints.com/wp-content/uploads/notes-learn-from-owasp-top-10-hiskio-1-200x200.jpg "[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 10")
[筆記] 網站安全的必修課丨從 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 …
[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中
使用 Vite 開發時， dev 與 prod 環境中若要自動注入 window 物件，其邏輯是有所不同的。這邊筆記下不同之處，以及如何修正。 內容 開發 De Read More …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 7
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下損壞驗證功能與 session Read More …
