Life of a Pixel，让你更透彻知道浏览器是如何工作

感谢Google巢鹏的提供的内容分享。Life of a Pixel这个演讲一开始是Chrome组新人入职的学习资料，给新人一个从高层次去看Chromium如何从HTML / CSS / JS 显示到屏幕的网页。这个演讲一直在更新，所以大家可以通过看这个演讲更新自己对Chromium的理解。

本次演讲是Steve Kobes对Chromium渲染管线的介绍。它跟踪从Web内容到显示像素的所有步骤，并通过指向代码库中重要类和数据结构的指针来具体化高级概念。我希望它对新的Blink / Chromium贡献者或任何想要了解渲染如何工作的人都有用。

视频中展示Chromium从HTML到DomTree，整合CSS到LayoutTree，排版到PaintTree之后转成LayerTree转到compositing线程分块，光栅化到GPU，最后显示到屏幕。

还会说到Chromium现在计划中的或者正在开发的大项目。比如LayoutNG，转到Vulkan，slim paint。

附上Life of a Pixel的PPT

前端圈--打造专业的前端技术会议

为web前端开发者提供技术分享和交流的平台

打造一个良好的前端圈生态，推动web标准化的发展

官网：http://fequan.com

微博：fequancom|QQ群：41378087

赞助合作：apply@fequan.com