前端杂谈--浏览器渲染那些事儿

以前一直没太关注过浏览器的渲染机制，因为在日常开发中，你完成功能就行了，管什么浏览器渲染呢？但是吧，对于那些想要进阶自己、知晓前端一切的新时代农民工而言，这东西还是有必要了解一下的。

之前的理解很简单，浏览器怎么渲染的？前端获取到后端返回的资源，根据html代码生成dom数，根据css代码生成样式数，然后将二者合并，生成布局树，页面呈现。没了。此时的面试官的内心：一万匹草泥马飘过，心想小菜鸡。

为了坚决维护“不让面试官得瑟的准则”，花点时间研究一下。

目下的主流项目，基本以chrome为测试主体，至少我所接触的项目中，基本不再对其他浏览器如ie做兼容。因此，本文如若没有特殊说明，默认chrome。

2008年谷歌推出chrome，实际上脱胎于苹果的safrai开源的webkit，因为苹果把自家浏览器开源了。而chrom一开始叫chromium。