作為web前端工程師，每天都會使用瀏覽器，所以就想總結下瀏覽器的知識，下面開始正文，本文的東西都是拿Chrome瀏覽器來說的。

瀏覽器是多進程。

我們先打開瀏覽器然后打開一個頁面，這個時候我們并不清楚瀏覽器在后臺為我們做了什么，接下來打開資源管理器(快捷鍵 Shift + Esc直接打開或者 瀏覽器右上角三個點-> 更多工具 -> 任務管理器)我們能看到各個進程。

上面是我打開的任務管理的截圖，從圖中我們看最右面一列就可以發(fā)現(xiàn)瀏覽器的多進程的。

那么具體都有什么進程呢？

1、瀏覽器(Browser)主進程，瀏覽器也只有這一個主進程負責資源下載、界面展示(比如瀏覽器的主題)等的功能。

2、擴展程序(也就是第三方插件)進程。

3、GPU進程，就是負責3D圖形繪制的東西。

4、渲染(Renderer)進程，就是負責JavaScript執(zhí)行，頁面渲染等功能。

對于第一個瀏覽器主進程和第二個擴展程序進程沒有什么要多解釋的，大家看一下就會明白。

GPU進程的東西就涉及到圖像學的一些東西大家可以看這篇文章，因為最近在用threejs 來做一個項目，所以里面用到了 GLSL ES（著色器語言），所以這點東西稍微了解點。那么在什么條件下才會觸發(fā)GUI渲染。

1、3D透視轉換CSS屬性。

2、擁有 3D (WebGL) 上下文或加速的2D上下文的<canvas>元素。

....

渲染進程里面涉及到:

1、GUI渲染線程。

2、JavaScript引擎線程。

3、事件循環(huán)線程。

4、定時器線程。

5、異步請求線程。

?

通過上面的東西我們就可以把瀏覽器和JavaScript的東西關聯(lián)到一起了。最后再用一張圖做個總結。

總結

以上是生活随笔為你收集整理的浏览器与JavaScript（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。