瀏覽器的渲染進(jìn)程的線程總共有五種： 

（1）GUI渲染線程 負(fù)責(zé)渲染瀏覽器頁(yè)面，解析HTML、CSS，構(gòu)建DOM樹(shù)、構(gòu)建CSSOM樹(shù)、構(gòu)建渲染樹(shù)和繪制頁(yè)面；當(dāng)界面需要重繪或由于某種操作引發(fā)回流時(shí)，該線程就會(huì)執(zhí)行。

注意：GUI渲染線程和JS引擎線程是互斥的，當(dāng)JS引擎執(zhí)行時(shí)GUI線程會(huì)被掛起，GUI更新會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎空閑時(shí)立即被執(zhí)行。

（2）JS引擎線程 JS引擎線程也稱(chēng)為JS內(nèi)核，負(fù)責(zé)處理Javascript腳本程序，解析Javascript腳本，運(yùn)行代碼；JS引擎線程一直等待著任務(wù)隊(duì)列中任務(wù)的到來(lái)，然后加以處理，一個(gè)Tab頁(yè)中無(wú)論什么時(shí)候都只有一個(gè)JS引擎線程在運(yùn)行JS程序；

注意：GUI渲染線程與JS引擎線程的互斥關(guān)系，所以如果JS執(zhí)行的時(shí)間過(guò)長(zhǎng)，會(huì)造成頁(yè)面的渲染不連貫，導(dǎo)致頁(yè)面渲染加載阻塞。

（3）時(shí)間觸發(fā)線程時(shí)間觸發(fā)線程屬于瀏覽器而不是JS引擎，用來(lái)控制事件循環(huán)；當(dāng)JS引擎執(zhí)行代碼塊如setTimeOut時(shí)（也可是來(lái)自瀏覽器內(nèi)核的其他線程,如鼠標(biāo)點(diǎn)擊、AJAX異步請(qǐng)求等），會(huì)將對(duì)應(yīng)任務(wù)添加到事件觸發(fā)線程中；當(dāng)對(duì)應(yīng)的事件符合觸發(fā)條件被觸發(fā)時(shí)，該線程會(huì)把事件添加到待處理隊(duì)列的隊(duì)尾，等待JS引擎的處理；

注意：由于JS的單線程關(guān)系，所以這些待處理隊(duì)列中的事件都得排隊(duì)等待JS引擎處理（當(dāng)JS引擎空閑時(shí)才會(huì)去執(zhí)行）；

（4）定時(shí)器觸發(fā)進(jìn)程定時(shí)器觸發(fā)進(jìn)程即setInterval與setTimeout所在線程；瀏覽器定時(shí)計(jì)數(shù)器并不是由JS引擎計(jì)數(shù)的，因?yàn)镴S引擎是單線程的，如果處于阻塞線程狀態(tài)就會(huì)影響記計(jì)時(shí)的準(zhǔn)確性；因此使用單獨(dú)線程來(lái)計(jì)時(shí)并觸發(fā)定時(shí)器，計(jì)時(shí)完畢后，添加到事件隊(duì)列中，等待JS引擎空閑后執(zhí)行，所以定時(shí)器中的任務(wù)在設(shè)定的時(shí)間點(diǎn)不一定能夠準(zhǔn)時(shí)執(zhí)行，定時(shí)器只是在指定時(shí)間點(diǎn)將任務(wù)添加到事件隊(duì)列中；

注意：W3C在HTML標(biāo)準(zhǔn)中規(guī)定，定時(shí)器的定時(shí)時(shí)間不能小于4ms，如果是小于4ms，則默認(rèn)為4ms。

（5）異步http請(qǐng)求線程

XMLHttpRequest連接后通過(guò)瀏覽器新開(kāi)一個(gè)線程請(qǐng)求；

檢測(cè)到狀態(tài)變更時(shí)，如果設(shè)置有回調(diào)函數(shù)，異步線程就產(chǎn)生狀態(tài)變更事件，將回調(diào)函數(shù)放入事件隊(duì)列中，等待JS引擎空閑后執(zhí)行；