感谢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
领取专属 10元无门槛券
私享最新 技术干货