luluping

摘要： 上一章简要说明了一下浏览器机制的相关知识，从基础架构上我们也可以看到浏览器的重头戏其实在于渲染引擎(又称排版引擎)，很多页面兼容性问题的根源可以说也皆来源于此。360浏览器HTML5跑分再高（http://html5test.com/），UI与交互再怎么不一样，内核还是一样的。好了，那我们深入到渲染引擎内部仔细看一下吧。 渲染引擎（the rendering engine）简述 渲染引擎的职责，正如字面上的意思就是负责从服务器端返回的HTML，XML，或者IMAGES等资源的渲染工作并显示给最终用户。通过浏览器插件（plug-in or browser extension）技术，它也能显示.. 阅读全文

摘要： 浏览器在构造DOM树的同时也在构造着另一棵树-Render Tree,与DOM树相对应暂且叫它Render树吧，我们知道DOM树为javascript提供了一些列的访问接口（DOM API），但这棵树是不对外的。它的主要作用就是把HTML按照一定的布局与样式显示出来，用到了CSS的相关知识。从MVC的角度来说，可以将render树看成是V，dom树看成是M，C则是具体的调度者，比HTMLDocumentParser等。 新概念Render树 每一个Render树的节点称之为renderer或者render object，查看WEBKIT的源代码我们可以发现Renderer一个基础的类定义，.. 阅读全文