作為web前端工程師，每天都會(huì)使用瀏覽器，所以就想總結(jié)下瀏覽器的知識(shí)，下面開始正文，本文的東西都是拿Chrome瀏覽器來(lái)說(shuō)的。

瀏覽器是多進(jìn)程。

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

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

那么具體都有什么進(jìn)程呢？

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

2、擴(kuò)展程序(也就是第三方插件)進(jìn)程。

3、GPU進(jìn)程，就是負(fù)責(zé)3D圖形繪制的東西。

4、渲染(Renderer)進(jìn)程，就是負(fù)責(zé)JavaScript執(zhí)行，頁(yè)面渲染等功能。

對(duì)于第一個(gè)瀏覽器主進(jìn)程和第二個(gè)擴(kuò)展程序進(jìn)程沒有什么要多解釋的，大家看一下就會(huì)明白。

GPU進(jìn)程的東西就涉及到圖像學(xué)的一些東西大家可以看這篇文章，因?yàn)樽罱谟胻hreejs 來(lái)做一個(gè)項(xiàng)目，所以里面用到了 GLSL ES（著色器語(yǔ)言），所以這點(diǎn)東西稍微了解點(diǎn)。那么在什么條件下才會(huì)觸發(fā)GUI渲染。

1、3D透視轉(zhuǎn)換CSS屬性。

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

....

渲染進(jìn)程里面涉及到:

1、GUI渲染線程。

2、JavaScript引擎線程。

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

4、定時(shí)器線程。

5、異步請(qǐng)求線程。

?

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

總結(jié)

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

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