客戶端javascript載入時間線

js執行是單執行緒,並不是說整個瀏覽器都是單執行緒的,姑且就成為單執行緒吧

js單執行緒的原因是為了避免多執行緒操作dom,引發的併發問題,dom屬於基礎資料,從多執行緒上講,對它的操作要加事物,而js的操作最初就是為了操作dom,嗯,幸好是單執行緒的,總之一句話,凡是能夠修改dom的一定得同步

客戶端js時間線

1、建立document物件，開始解析web頁面。建立htmlhtmlelement物件，新增到document中。這個階段document.readystate = 'loading'。

2、遇到link外部css，建立執行緒載入，並繼續解析文件。併發

3、遇到script外部js，並且沒有設定async、defer，瀏覽器建立執行緒載入，並阻塞，等待js載入完成並執行該指令碼，然後繼續解析文件。js擁有修改dom的能力-->domcument.write

4、遇到script外部js，並且設定有async、defter，瀏覽器建立執行緒載入，並繼續解析文件。

async屬性的指令碼，指令碼載入完成後立即執行。

defter==丟置尾部。

document.createelement('script')的方式動態插入script元素來模擬async屬性，實現指令碼非同步載入和執行。

5、遇到img等，瀏覽器建立執行緒載入，並繼續解析文件。併發

6、當文件解析完成，document.readystate = 'interactive'。

7、文件解析完成後，所有設定有defer的指令碼會按照順序執行。（注意與async的不同）

8、document物件觸發domcontentloaded事件，這也標誌著程式執行從同步指令碼執行階段，轉化為事件驅動階段。

9、當所有async的指令碼載入完成並執行後、img等載入完成後，document.readystate = 'complete'，window物件觸發load事件。

10、從此，以非同步響應方式處理使用者輸入、網路事件等。