javascript
浏览器与JavaScript(一)
作為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)題。
- 上一篇: eclipse中The JSP spec
- 下一篇: gradle idea java ssm