KD's Tech Blog 技術部落格 | KD Chang 張凱迪

瀏覽器渲染優化入門：掌握重繪、重排與合成的效能關鍵 | 學習筆記

前言在現代前端開發中，良好的使用者體驗不僅來自功能與介面設計，更仰賴流暢的渲染效能。網頁在瀏覽器中的呈現涉及一連串複雜的渲染步驟，包含樣式計算、排版、繪製與合成。當我們操作 DOM、修改樣式或觸發動畫時，都可能影響這些渲染流程。如果不了解這些背後的機制，很容易造成畫面卡頓與效能瓶頸。本篇筆記將介紹瀏覽器渲染的三大核心階段：重排（Reflow）、重繪（Repaint）與合成（Composit......

Vue v-cloak 入門教學筆記 | 學習筆記

前言v-cloak 在 Vue 3 依然存在，作用與 Vue 2 相同：在 Vue 實例或組件掛載完成之前，避免模板中的插值語法（如 {{ message }}）閃爍顯示給使用者。搭配 CSS 可在 Vue 掛載完成前隱藏元素，增進首屏體驗。重點摘要 v-cloak 為特殊屬性，Vue 3 掛載完成會自動移除。必須搭配 CSS [v-cloak]......

KD's Tech Blog

瀏覽器渲染優化入門：掌握重繪、重排與合成的效能關鍵 | 學習筆記

Vue v-cloak 入門教學筆記 | 學習筆記

ABOUT ME

FRIENDS