五大主流浏览器与内核、浏览器是如何渲染页面?

浏览器的内核有哪些?分别有什么代表的浏览器?
   &.五大主流浏览器       
         $.IE
             1.内核:Trident内核,也是俗称的IE内核;
         $.Firefox(火狐)
             1.内核:Gecko内核,俗称Firefox内核;
             2.开源 2.速度快 3.安全性高 4.扩展性强
         $.Opera(欧朋)
             1.内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;
             2.速度快 2.占用系统资源少 3.效率高
         $.Chrome(谷歌)
             1.内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;
             2.设计简洁易用 2.运行稳定 3.载入页面速度快
         $.Safari(苹果)
             1.内核:Webkit内核;
-------------------------------------------------------------------------------------------------------------------------------------------
浏览器是如何渲染页面?
    第一步.DOM构造
        $.HTML解析出DOM树(DOM Tree):
            浏览器首先将收到的HTML代码,通过html解析器解析构建一颗DOM树(DOM Tree)
        $.CSS解析出样式表规则(Style Rules),也叫做CSSOM(CSS Object Model)
            浏览器将接受到的css代码,通过css解析器构建出样式表规则(Style Rules)
        $.将二者关联生成渲染树(Render Tree)
            将这些规则分别放到对应的DOM树节点上,得到一颗渲染树(Render Tree)---带有样式属性的DOM树
    第二步.布局
        浏览器按从上到下,从左到右的顺序,计算和读取Render Tree每个节点信息。将树上的节点压入文档流然后布局。
    第三步.绘制页面
        Painting 根据计算好的信息绘制整个页面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值