最新文章
混合 Dev 和 Life 的所有最新內容
52 篇2026-02-179 分鐘閱讀
整理 @font-face 的 font-display 五種值，說明 FOIT/FOUT、swap period 差異
2026-02-168 分鐘閱讀
XSS、CSRF、UI Redressing（Clickjacking）、MITM 的定義、常見攻擊手法與防範方式
2026-02-149 分鐘閱讀
說明 HTML a 標籤 rel 屬性的各種值，重點探討 noopener 和 noreferrer 在防止 tabnabbing 攻擊和保護用戶隱私中的作用，並說明 Referrer-Policy 預設值的變更及其安全含義。
2026-02-1014 分鐘閱讀
探討 JavaScript 中四種 Promise 組合方法的差異與使用時機。透過 FrontendMaster 課程的實作範例，詳細解析 Promise.all、Promise.race、Promise.any、Promise.allSettled 的執行邏輯、回傳值特性，以及各自適合的應用場景，幫助開發者在處理多個非同步操作時選擇最適合的方法。
2026-01-0915 分鐘閱讀
探討 JavaScript Generator 函式的運作原理與應用。透過實際範例解析 Generator 的基本語法、yield 關鍵字的使用、以及如何搭配 try-catch-finally 進行錯誤處理。文章從一個實務問題出發，詳細說明 Generator 如何透過 next() 方法控制執行流程，並介紹其在 ID 生成器等實際場景的應用。
2026-01-079 分鐘閱讀
說明 HTML a 標籤 rel 屬性的各種值，重點探討 noopener 和 noreferrer 在防止 tabnabbing 攻擊和保護用戶隱私中的作用，並說明 Referrer-Policy 預設值的變更及其安全含義。
2025-12-1813 分鐘閱讀
本篇文章介紹 Google 提出的 Web Vitals 指標，解釋各個效能衡量方式（TTFB、FID、TTI、TBT、CLS、INP）的意義與差異，幫助前端開發者提升網站的互動性、穩定性與載入速度，並理解它們對 SEO 的影響
2025-12-1711 分鐘閱讀
探討 JavaScript WeakMap 的特性與使用場景，包含與 Map 的關鍵差異、垃圾回收機制，以及如何利用 WeakMap 實作 DOM 元素資料儲存和 Class 私有變數的實用範例
2025-12-169 分鐘閱讀
解析 CSS Specificity 權重計算機制，說明 ID、CLASS、TYPE 等選擇器的權重規則，寫出更易維護的 CSS 程式碼
2025-12-157 分鐘閱讀
說明 JavaScript 的事件傳遞機制，包含事件捕獲 (Capturing) 與事件冒泡 (Bubbling) 的執行順序，以及 stopPropagation 如何阻止事件傳播。透過 Frontend Masters 課程實例，完整理解 addEventListener 的第三個參數與事件傳遞三階段。
MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog