一磨淌、基本概念：
瀏覽器是多進(jìn)程的
瀏覽器之所以能夠運(yùn)行疲憋，是因?yàn)橄到y(tǒng)給它的進(jìn)程分配了資源（cpu、內(nèi)存）
簡單點(diǎn)理解伦糯，每打開一個(gè)Tab頁柜某，就相當(dāng)于創(chuàng)建了一個(gè)獨(dú)立的瀏覽器進(jìn)程。
二敛纲、瀏覽器都包含哪些進(jìn)程喂击？
1. Browser進(jìn)程：瀏覽器的主進(jìn)程（負(fù)責(zé)協(xié)調(diào)、主控）淤翔，只有一個(gè)翰绊。作用有
負(fù)責(zé)瀏覽器界面顯示，與用戶交互旁壮。如前進(jìn)监嗜，后退等
負(fù)責(zé)各個(gè)頁面的管理，創(chuàng)建和銷毀其他進(jìn)程
將Renderer進(jìn)程得到的內(nèi)存中的Bitmap抡谐，繪制到用戶界面上
網(wǎng)絡(luò)資源的管理裁奇，下載等
2. 第三方插件進(jìn)程：每種類型的插件對應(yīng)一個(gè)進(jìn)程，僅當(dāng)使用該插件時(shí)才創(chuàng)建
3. GPU進(jìn)程：最多一個(gè)麦撵，用于3D繪制等
4. 瀏覽器渲染進(jìn)程（瀏覽器內(nèi)核）（Renderer進(jìn)程刽肠，內(nèi)部是多線程的）：默認(rèn)每個(gè)Tab頁面一個(gè)進(jìn)
程，互不影響免胃。主要作用是頁面渲染音五，腳本執(zhí)行，事件處理等
三羔沙、瀏覽器多進(jìn)程的優(yōu)勢有哪些躺涝？
相比于單進(jìn)程瀏覽器，多進(jìn)程有如下優(yōu)點(diǎn)：
避免單個(gè)page crash影響整個(gè)瀏覽器
避免第三方插件crash影響整個(gè)瀏覽器
多進(jìn)程充分利用多核優(yōu)勢
方便使用沙盒模型隔離插件等進(jìn)程扼雏，提高瀏覽器穩(wěn)定性
四坚嗜、瀏覽器內(nèi)核（渲染進(jìn)程）
頁面的渲染夯膀，JS的執(zhí)行，事件的循環(huán)惶傻，都在這個(gè)進(jìn)程內(nèi)進(jìn)行棍郎，瀏覽器的渲染進(jìn)程是多線程的
1. GUI渲染線程
負(fù)責(zé)渲染瀏覽器界面，解析HTML银室，CSS，構(gòu)建DOM樹和RenderObject樹励翼，布局和繪制等蜈敢。
當(dāng)界面需要重繪（Repaint）或由于某種操作引發(fā)回流(reflow)時(shí)，該線程就會(huì)執(zhí)行
注意汽抚，GUI渲染線程與JS引擎線程是互斥的抓狭，當(dāng)JS引擎執(zhí)行時(shí)GUI線程會(huì)被掛起（相當(dāng)于被凍
結(jié)了），GUI更新會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎空閑時(shí)立即被執(zhí)行造烁。
2. JS引擎線程
也稱為JS內(nèi)核否过，負(fù)責(zé)處理Javascript腳本程序。（例如V8引擎）
JS引擎線程負(fù)責(zé)解析Javascript腳本惭蟋，運(yùn)行代碼苗桂。
JS引擎一直等待著任務(wù)隊(duì)列中任務(wù)的到來，然后加以處理告组，一個(gè)Tab頁（renderer進(jìn)程）中無
論什么時(shí)候都只有一個(gè)JS線程在運(yùn)行JS程序煤伟。
同樣注意，GUI渲染線程與JS引擎線程是互斥的木缝，所以如果JS執(zhí)行的時(shí)間過長便锨，這樣就會(huì)造成
頁面的渲染不連貫，導(dǎo)致頁面渲染加載阻塞我碟。
3. 事件觸發(fā)線程
歸屬于瀏覽器而不是JS引擎放案，用來控制事件循環(huán)（可以理解，JS引擎自己都忙不過來矫俺，需要瀏
覽器另開線程協(xié)助）
當(dāng)JS引擎執(zhí)行代碼塊如setTimeOut時(shí)（也可來自瀏覽器內(nèi)核的其他線程,如鼠標(biāo)點(diǎn)擊吱殉、AJAX
異步請求等），會(huì)將對應(yīng)任務(wù)添加到事件線程中
當(dāng)對應(yīng)的事件符合觸發(fā)條件被觸發(fā)時(shí)恳守，該線程會(huì)把事件添加到待處理隊(duì)列的隊(duì)尾考婴，等待JS引
擎的處理
注意，由于JS的單線程關(guān)系催烘，所以這些待處理隊(duì)列中的事件都得排隊(duì)等待JS引擎處理（當(dāng)JS引
擎空閑時(shí)才會(huì)去執(zhí)行）
4. 定時(shí)觸發(fā)器線程
傳說中的 setInterval 與 setTimeout 所在線程
瀏覽器定時(shí)計(jì)數(shù)器并不是由JavaScript引擎計(jì)數(shù)的,（因?yàn)镴avaScript引擎是單線程的, 如果處
于阻塞線程狀態(tài)就會(huì)影響記計(jì)時(shí)的準(zhǔn)確）
通過單獨(dú)線程來計(jì)時(shí)并觸發(fā)定時(shí)（計(jì)時(shí)完畢后沥阱，添加到事件隊(duì)列中，等待JS引擎空閑后執(zhí)
行）
注意伊群，W3C在HTML標(biāo)準(zhǔn)中規(guī)定考杉，規(guī)定要求setTimeout中低于4ms的時(shí)間間隔算為4ms策精。 5. 異步http請求線程
XMLHttpRequest在連接后是通過瀏覽器新開一個(gè)線程請求
將檢測到狀態(tài)變更時(shí)，如果設(shè)置有回調(diào)函數(shù)崇棠，異步線程就產(chǎn)生狀態(tài)變更事件咽袜，將這個(gè)回調(diào)再
放入事件隊(duì)列中。再由JavaScript引擎執(zhí)行枕稀。
五询刹、Browser進(jìn)程和瀏覽器內(nèi)核（Renderer進(jìn)程）的通信過程
Browser進(jìn)程收到用戶請求，首先需要獲取頁面內(nèi)容（譬如通過網(wǎng)絡(luò)下載資源）萎坷，隨后將該任務(wù)通
過RendererHost接口傳遞給Render進(jìn)程
Renderer進(jìn)程的RendererHost接口收到消息凹联，簡單解釋后，交給渲染線程哆档，然后開始渲染
渲染線程接收請求蔽挠，加載網(wǎng)頁并渲染網(wǎng)頁，這其中可能需要Browser進(jìn)程獲取資源和需要
GPU進(jìn)程來幫助渲染
當(dāng)然可能會(huì)有JS線程操作DOM（這樣可能會(huì)造成回流并重繪）
最后Render進(jìn)程將結(jié)果傳遞給Browser進(jìn)程
Browser進(jìn)程接收到結(jié)果并將結(jié)果繪制出
六瓜浸、理瀏覽器內(nèi)核中線程之間的關(guān)系
1.GUI渲染線程與JS引擎線程互斥
由于JavaScript是可操縱DOM的澳淑，如果在修改這些元素屬性同時(shí)渲染界面（即JS線程和UI線程同時(shí)運(yùn)
行），那么渲染線程前后獲得的元素?cái)?shù)據(jù)就可能不一致了插佛。
因此為了防止渲染出現(xiàn)不可預(yù)期的結(jié)果杠巡，瀏覽器設(shè)置GUI渲染線程與JS引擎為互斥的關(guān)系，當(dāng)JS引擎執(zhí)
行時(shí)GUI線程會(huì)被掛起朗涩， GUI更新則會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎線程空閑時(shí)立即被執(zhí)行忽孽。
2.JS阻塞頁面加載
從上述的互斥關(guān)系，可以推導(dǎo)出谢床，JS如果執(zhí)行時(shí)間過長就會(huì)阻塞頁面兄一。
譬如，假設(shè)JS引擎正在進(jìn)行巨量的計(jì)算识腿，此時(shí)就算GUI有更新出革，也會(huì)被保存到隊(duì)列中，等待JS引擎空閑
后執(zhí)行渡讼。 然后骂束，由于巨量計(jì)算，所以JS引擎很可能很久很久后才能空閑成箫，自然會(huì)感覺到巨卡無比展箱。
所以，要盡量避免JS執(zhí)行時(shí)間過長蹬昌，這樣就會(huì)造成頁面的渲染不連貫混驰，導(dǎo)致頁面渲染加載阻塞的感覺。
