理解瀏覽器DOM繪製的DOMContentLoaed 和 load 事件

onload 事件與 DOMContentLoaded區別：

經過瀏覽器咱們能夠知道：在瀏覽器上面有一個load 時間 和 DOMContentLoaded時間：

DOMContentLoaded和onload 的弊端 

存在這樣一種現象，若是頁面同時依賴a.js,b.js 這個時候 若是a.js 文件加載被卡頓住的話，一直pedding狀態，會阻礙b.js

文件的加載和運行，必須等到 a.js文件超時以後，後面的才能被繼續執行。就會致使頁面暫時的卡頓，交互點擊沒有反映的現象存在。

    一樣的，若是a.js文件加載順利的話，b.js文件在加載的時候，遇到了pedding狀況，可是a.js文件裏面的寫法是監聽window的onload事件，這個時候一樣會被卡頓住的不去執行的。這樣就會存在問題。

建議的作法

    可是如今好像不太在乎DOMContentLoaded 事件了，由於如今的寫法是將script標籤寫在了 body的最後，也就是說

javascript函數被觸發的時候，DOM確定已經渲染好了，因此能夠直接在js文件裏面寫東西了，而不須要在 js文件中

監聽onload 或者 DOMContentLoaded事件了。