![[筆記] 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 …
分類: 筆記 Notes
![[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 4](https://smlpoints.com/wp-content/uploads/notes-learn-from-owasp-top-10-hiskio-1-200x200.jpg "[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 4")
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 4
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下 注入攻擊與可能的應對方式。 課 Read More …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 3
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下 什麼是 OWASP Top 1 Read More …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 2
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下一些在威脅模型的分析與介紹。 課 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 …
[筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 1
為了避免自己撰寫出具有安全風險的程式碼而仍不自知，就挑上這堂 從 OWASP Top 10 實現全方位防禦強化 課程。這邊筆記下一些在安全上常見的基本錯誤。 課 Read More …
![[筆記] 利用 Popper.js 下一代 Floating UI 撰寫 Tooltip 元件 – Vue3 & Jest](https://smlpoints.com/wp-content/uploads/notes-popper-js-floating-ui-tooltip-component-vue3-jest-1-200x200.jpg "[筆記] 利用 Popper.js 下一代 Floating UI 撰寫 Tooltip 元件 – Vue3 & Jest")
[筆記] 利用 Popper.js 下一代 Floating UI 撰寫 Tooltip 元件 – Vue3 & Jest
因過往的專案有使用到老牌的 popper.js 套件，想在新版複刻時發現其 2.0 版 – Floating UI 已上線一段時間。這邊感謝 Nat Read More …
![[筆記] 解決 Google Chrome 的 Added non-passive event listener to a scroll-blocking event 錯誤](https://smlpoints.com/wp-content/uploads/notes-visual-studio-web-front-end-development-extension-1.jpg "[筆記] 解決 Google Chrome 的 Added non-passive event listener to a scroll-blocking event 錯誤")
[筆記] 解決 Google Chrome 的 Added non-passive event listener to a scroll-blocking event 錯誤
Google Chrome 在 51 版後，為了提昇效能，對 mousewheel, touch 事件兩種監聽器多新增了一個 { passive: true } Read More …
