前端页面生命周期

前端主要两部分组成：

1、静态部分：html、css

2、动态部分：js

js的执行顺序：写在上面的script先执行，默认的script执行的时候UI解析停止，若此时js操作的元素还没有加载则会报错。

如果是内联的JavaScript代码则直接执行，UI禁止解析，如果此时要操作的DOM元素还没有加载则会报错。

如果是外联的javascript代码，async一旦javascript下载完则进行解析，UI停止解析。

如果是外联的javascript代码，defer渲染完再执行。

 

2、HTML生命周期事件：

window.onload=function(){

console.log("页面已经加载完毕！");

}