# 浏览器事件循环机制

宏任务：

• 渲染事件（如解析 DOM、计算布局、绘制）
• 用户交互事件（如鼠标点击、滚动页面、放大缩小等）
• JavaScript 脚本执行事件；网络请求完成、文件读写完成事件
• 网络请求完成、文件读写完成事件

微任务：

微任务就是一个需要异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前。

• MutationObserver，使用 MutationObserver 监控某个 DOM 节点，然后再通过 JavaScript 来修改这个节点，或者为这个节点添加、删除部分子节点，当 DOM 节点发生变化时，就会产生 DOM 变化记录的微任务。
• Promise,当调用 Promise.resolve() 或者 Promise.reject() 的时候，也会产生微任务。