新闻动态网页渲染的基本过程
网页衬着的根本进程。阅读器的重要感化是将用户输入的网站“URL”改变成可视化的图像。这个中包括两个进程,一是网页加载进程,从“URL”到构建DOM(Document Object Model,文档对象模子)树;二是网页衬着进程,从DOM树到生成可视化图像,即我们看到的页面后果。
网页衬着的进程其实就是将URL对应的各类资本,经由过程阅读器衬着引擎的解析,输出可视化的图像。依据数据的流向,阅读器的衬着进程可以分成三个阶段(以WebKit内核阅读器为例):从网页的URL到构建完DOM树;从DOM树到构建完WebKit的画图高低文;从画图高低文到生成最终图像。
阅读器衬着引擎重要包含HTML说明器、CSS说明器、结构和JavaScript(以下简称JS)说明器。个中,HTML说明器重要感化是将HTML文本说明成DOM树;CSS说明器感化是为DOM中各元素对象盘算出样式信息;结构则是指在DOM树创立之后形成一个内部表现模子,这个模子将HTML元素与CSS样式联合起来,盘算出元素的具体年夜小和地位等结构信息;JS说明器可以或许说明JS代码并经由过程DOM接口和CSSOM接口来修正网页内容和样式信息,从而转变衬着的成果。跟着JS说明器越来越主要,JS说明器逐渐离开出来成为自力的JS引擎。