© 2024. All rights reserved.

flexbox

關鍵轉譯路徑 Critical Rendering Path

現今裝置更新畫面的頻率是每秒 60 幀（60Hz 或稱 60fps），意即每幀運行的時間最多是 16.67ms。但瀏覽器不僅要渲染畫面，還有很多事情要忙，因此每幀運行的時間只能約 10 ~ 12ms。若瀏覽器拖太久才更新畫面，就會產生顫動（Juddering）。想提高更新畫面的頻率、避免顫動，就要了解瀏覽器如何渲染畫面。

July 13, 2018 關鍵轉譯路徑轉譯效能效能調校 Critical Rendering Path Rendering Performance Chrome DevTools Layout Thrashing Forced Synchronous Layout css3 animations css will-change flexbox BEM 前端效能系列文 · 留言

圖解 Flexbox 進階屬性

圖解 Flexbox 進階屬性。

April 6, 2017 flexbox css · 留言

圖解 Flexbox 基本屬性

圖解 Flexbox 基本屬性。

April 4, 2017 flexbox css · 留言