浏览器渲染机制及五大浏览器、四大内核详解编程语言

一、个人理解:

何为渲染?就是怎么把写的这些不同类型的代码(html、css、js)生成一个网页;但是其引擎在工作的时候是存在顺序的,所以存在有可能出现白屏等的现象。

二、简单介绍:

  每个浏览器都有自己独有的浏览器内核的,但其中都包括两个部分:一个是渲染引擎,另一个是js引擎。例如firefox中叫做Gecko,chrome和safari的是webkit,ie的是trident等。国内浏览器的内核一般都是ie的内核trident。

浏览器渲染机制及五大浏览器、四大内核详解编程语言

浏览器渲染机制及五大浏览器、四大内核详解编程语言

浏览器工作流程:构建DOM -> 构建CSSOM -> 构建渲染树 -> 布局 -> 绘制。
1、CSSOM会阻塞渲染,只有当CSSOM构建完毕后才会进入下一个阶段构建渲染树。
2、通常情况下DOM和CSSOM是并行构建的,但是当浏览器遇到一个script标签时,DOM构建将暂停,直至脚本完成执行。但由于JavaScript可以修改CSSOM,所以需要等CSSOM构建完毕后再执行JS。
3、如果你想首屏渲染的越快,就越不应该在首屏就加载 JS 文件,建议将 script 标签放在 body 标签底部

详情:https://blog.csdn.net/krysliang/article/details/85840864 (侵删)

三、关于五大浏览器及四大内核:

    目前最为主流浏览器有五大款,分别是IE、Firefox、Google Chrome、SafariSafari(是苹果计算机的操作系统Mac OS中的浏览器)、Opera。

  四大内核:

      1、Trident内核,也称IE内核。

      2、Webkit内核。

      3、Gecko内核。

      4、Presto内核。

  各浏览器所用内核:

    1、IE浏览器内核:Trident内核,也是俗称的IE内核; 
    2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核; 
    3、Firefox浏览器内核:Gecko内核,俗称Firefox内核; 
    4、Safari浏览器内核:Webkit内核; 
    5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核; 
    6、360浏览器、猎豹浏览器内核:IE+Chrome双内核; 
    7、搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式); 
    8、百度浏览器、世界之窗内核:IE内核; 
    9、2345浏览器内核:以前是IE内核,现在也是IE+Chrome双内核;

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/16580.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论