這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助

10年積累的成都做網站、成都網站建設經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站策劃后付款的網站建設流程，更有巧家免費網站建設讓你可以放心的選擇與我們合作。

大家可能經常會聽到 css 動畫比 js動畫性能更好這樣的論斷，或者是“硬件加速”，“層提升” 這樣的字眼；要了解這些內容就需要對瀏覽器的渲染流程有個大致的了解，本文就是我個人對這些內容的一個總結梳理

需要注意的是：

1. 本文僅個人學習總結梳理，如有錯漏，望指正
2. 本文以谷歌瀏覽器Blink內核為例
3. 隨著谷歌瀏覽器的更新迭代，有些渲染流程或對象名詞可能發生變化（如， RenderObject 變成了 LayoutObject，RenderLayer 變成了 PaintLayer），查看相關文檔時需要注意文檔的時間

渲染流程

先來看下blink的一個大致渲染流程，圖源谷歌的一份共享幻燈片 Life of a Pixel ，它比較全面的闡述了瀏覽的渲染流程，非常值得一看，我們就借這張圖來梳理一遍