课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
渲染是浏览器将用户需求的数据展示在用户面前需要执行的一个操作,而今天我们就通过案例分析来了解一下,浏览器渲染引擎与渲染步骤。
1、进程之间的通信
五种通讯方式总结:
管道:速度慢,容量有限,只有父子进程能通讯
FIFO:任何进程间都能通讯,但速度慢
消息队列:容量受到系统限制,且要注意一次读的时候,要考虑上一次没有读完的数据的问题
信号量:不能传递复杂消息,只能用来同步
共享内存区:能够很容易控制容量,速度快,但要保持同步,比如一个进程在写的时候,另一个进程要注意读写的问题,相当于线程种的线程安全,当然,共享内存区同样可以用作线程间通讯,不过没有这个必要,线程间本来就已经共享了统一进程内的一块内存。
2、渲染引擎
渲染引擎也称为浏览器内核,主要时在浏览器窗口中显示所请求的内容,这是每个浏览器的核心部分。
常见的浏览器渲染引擎有两种:一是firefox使用的Gecko,这是Mozilla公司“自制”的渲染引擎。另一个是safari和chrome使用的都是webkit。
渲染流程:
渲染引擎一开始会从网络层获取请求的文档的内容,通常以8k分块的方式完成,获取了文档内容之后,渲染引擎开始正式工作
渲染引擎解析HTML文档,并将文档中的标签转化为dom节点树,同时,它会解析外部css文件以及style标签中的样式数据。这些样式信息连同HTML中的可见内容一起,被用于构建另一颗树——渲染树(RenderTree)。
渲染树由一些带有视觉属性(如颜色、大小等)的矩形组成,这些矩形将按照正确的顺序显示在屏幕上。
渲染树构建完毕之后,将会进入“布局”处理阶段,即为每一个节点分配一个屏幕坐标。再下一步就是绘制,即遍历renderTree,并使用UI后端层绘制每个节点。
注意:这个过程时逐步完成的,为了更好的用户体验,渲染引擎将会尽可能的早的将内容呈现在屏幕上,并不会等到所有的Html都解析完成之后再去构建和布局renderTree。它时解析完一部分内容就显示一部分内容,同时,可能还在通过网络下载其余内容。
希望这辈子,最让你无悔的事情就是来达内学习!学习向来不是件易事,但无论过程多么艰难,希望你依然热爱生活,热爱学习!永远记得,达内将与你一同前行!现在扫码,立即领取万元课程礼包,助力0基础快速入行,为你梳理行业必备技能,全方位了解岗位发展前景!
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。