zoukankan      html  css  js  c++  java
  • 页面渲染原理

    渲染引擎:渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件可以显示PDF格式。

    不同的浏览器有不同的渲染引擎:

    Trident(MSHTML)内核:IE,MaxThon,TT,The World,360,搜狗浏览器等
    Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等
    Presto内核:Opera7及以上
    Webkit内核:Safari,Chrome等

    渲染流程

    渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。下面是渲染引擎在取得内容之后的基本流程:

    解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树

    步骤详细解释:
    第一步:渲染引擎开始解析html,根据标签构建DOM节点
    第二步:根据css样式构建渲染树,包括元素的大小、颜色,隐藏的元素不会被构建到该树中。
    第三步:根据css样式构建布局树,主要是确定元素要显示的位置。
    第四步:根据前面的信息,绘制渲染树。

    参考:页面渲染原理是什么?

  • 相关阅读:
    python字符串操作
    python学习【一】基础入门
    markdown 编辑器
    jenkins学习笔记-安装
    算法
    python 修改文件内容
    python基础,python第四课
    python基础,python第三课
    python基础,python第二课
    python基础,python第一课
  • 原文地址:https://www.cnblogs.com/guorange/p/7157226.html
Copyright © 2011-2022 走看看