event lopp 和渲染执行顺序

事件循环（Event Loop）是 JavaScript 引擎的一种执行模型，用于处理异步任务。它的工作原理是，将任务分为两类：同步任务和异步任务。同步任务会在主线程上执行，而异步任务会在事件循环中执行。

事件循环的执行顺序如下：

1. 执行同步任务，直到执行完所有同步任务。

2. 如果有异步任务，将其挂起，等待异步任务完成。

3. 当异步任务完成时，将其加入到事件队列中。

4. 等待同步任务执行完毕，再从事件队列中取出一个任务执行。

5. 重复步骤 4，直到事件队列为空。

渲染执行顺序是指浏览器将 HTML 文档转换成 DOM 树和 CSSOM 树的过程，以及将它们合成成一棵渲染树的过程。然后再将渲染树绘制到屏幕上。渲染执行顺序如下：

1. 解析 HTML 文档，生成 DOM 树。

2. 下载 CSS 文件，解析生成 CSSOM 树。

3. 将 DOM 树和 CSSOM 树合并生成渲染树。

4. 生成布局（Layout），即计算元素的位置和大小。

5. 绘制（Paint）元素的外观。

6. 将绘制的结果提交（Composite）到屏幕上。

7. 重复步骤 4-6，直到渲染树中所有元素都被绘制出来