2025-12-169 分鐘閱讀
解析 CSS Specificity 權重計算機制，說明 ID、CLASS、TYPE 等選擇器的權重規則，寫出更易維護的 CSS 程式碼
2025-12-157 分鐘閱讀
說明 JavaScript 的事件傳遞機制，包含事件捕獲 (Capturing) 與事件冒泡 (Bubbling) 的執行順序，以及 stopPropagation 如何阻止事件傳播。透過 Frontend Masters 課程實例，完整理解 addEventListener 的第三個參數與事件傳遞三階段。
2025-12-137 分鐘閱讀
整理 CSS 動畫會觸發的瀏覽器渲染階段（Layout / Paint / Composite），說明哪些屬性較適合做動畫以提升效能，並附上常見屬性分類、優化原則與參考資料。
2025-12-1210 分鐘閱讀
了解 JavaScript 的垃圾回收機制（Garbage Collection），說明 Mark and Sweep 演算法的運作原理，開發者在記憶體管理上應該注意的細節，避免記憶體洩漏問題
2025-12-1117 分鐘閱讀
解析 HTTP Cache 的運作原理，說明 Cache-Control 各項指令 (no-cache、no-store、must-revalidate、stale-while-revalidate、private) 的差異與使用情境，幫助前端開發者掌握瀏覽器快取機制，提升網站效能與使用者體驗
2025-12-1013 分鐘閱讀
解析 PerformanceNavigationTiming API 的各個階段，從文件卸載、DNS 查詢、TCP 連線到 DOM 處理與渲染，說明瀏覽器載入網頁的時間線。適合準備前端面試或想了解 Web 效能監控的開發者。
2025-12-0911 分鐘閱讀
探討 JavaScript 展開運算子（spread operator）的淺拷貝特性，透過實際範例說明物件參考問題，並比較 structuredClone()、JSON 方法等多種深拷貝解決方案，幫助開發者避免常見的物件複製陷阱。
2025-12-089 分鐘閱讀
前端資源預加載的四種技術：dns-prefetch、preconnect、prefetch 與 preload。如何使用這些 Resource Hints 優化網頁效能，提升資源載入速度與使用者體驗。
2025-12-0413 分鐘閱讀
解析 JavaScript 的 Call Stack 與 Event Loop 機制，透過實際程式碼範例說明 Microtask 和 Macrotask 的執行順序，掌握非同步任務的處理邏輯。
MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog