页面渲染原理以及异常
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--
解析HTML ： JS放在html结构下方，css放入html上方，避免解决样式未加载出来
生成Dom树：
DOMContentLoaded = Dom树完全生成，就会触发
load = 等所有资源加载完毕生成
生成渲染树：浏览器一遍计算样式规则，一边生成Dom树
布局layout/重排reflow：根据窗口大小，盒子宽高等需要重新计算，称为重排
重绘repaint：一边重排一边生成对应图形绘制到页面。凡是不会影响盒子宽高等，仅会导致repaint
报错：
TypeError = 类型错误，去读取一个undefined属性 var a； a.toString()
ReferenceError = 未定义变量 var a；
SyntaxError = 语法错误 fosssr(vwwwwasssr i = 0 ; i < 10 ;i++)
每一个对象都是一个对象，都是构造函数造的
当满足以下条件，才可以抛出异常
1.知道哪里会报错，知道异常后做什么（一般用于场景，网络中断情况）
手动抛出错误：
throw new TypeError('必须等于number，否则给错')
规范：如果抛出错误，在函数文档中阐述清楚
-->
</head>
<body>
<h1>你好</h1>
<script>
addEventListener("DOMContentLoaded",function(){
console.log('333')
})
addEventListener("load",function(){
console.log('222')
})
</script>
</body>
</html>
