监听浏览器资源载入完成和节点载入完成

浏览器控制台“网络”选项卡这里可以看到浏览器的资源载入和节点载入完成时间和情况。

有时候，我们需要在浏览器节点载入完成之后做什么、浏览器资源载入完成之后做什么。就跟 Vue 生命周期一样重要，其实很多都有生命周期的概念在。

资源载入完成：页面上所有的 DOM、样式表、脚本、图片、xhr 等都载入完成。

window.onload = () => {
  // do sth...
}

节点载入完成：仅仅是 DOM 载入完成。

document.onload = () => {
  // do sth...
}