瀏覽器渲染機制及五大瀏覽器、四大內核

一、個人理解：

何為渲染？就是怎么把寫的這些不同類型的代碼（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雙內核；