HTML-事件机制-重绘和回流-＜script＞标签

1.事件冒泡和捕获

事件流分为捕获阶段、目标阶段、冒泡阶段三各阶段

DOM事件流有3个阶段：捕获阶段，目标阶段，冒泡阶段；三个阶段的顺序为：捕获阶段——目标阶段——冒泡阶段；

通过暂缓执行捕获事件，可以达到先冒泡后捕获的效果；

实际操作中使用的函数是

element.addEventListener(type, listener, useCapture)其中的useCapture默认为false，即使用的是bubbling prase.

当为ture时使用Capture prase 即事件捕获。
对于目标元素，事件响应执行顺序根据的事件的执行顺序执行;

事件捕获是从顶层的Window逐层向内执行，事件冒泡则相反；
事件委托（事件代理）是根据事件冒泡或事件捕获的机制来实现的

2.重绘和回流

背景知识

1.浏览器使用流式布局模型 (Flow Based Layout)。

2.浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。

3.有了R