2020.11.13 周五分享会内容
JS事件循环机制之宏任务和微任务
- 先讲2个bug
- 什么是事件循环？单线程的js如何处理同步任务和异步任务？
- 什么是同步任务？什么是异步任务？
- 什么是宏任务？什么是微任务？
- 常见应用场景，setTimeout和Promise
- UI渲染时机
给大家分享一个在线编辑运行代码的工具：https://stackblitz.com/
冯蕾提出来，可能每个浏览器实现JS事件循环的机制不一样。
海哥提到代码执行时的方法栈。什么是队列和栈。
相关代码：
微任务和宏任务执行时机演示：https://stackblitz.com/edit/js-xyesvz
alert和UI渲染演示：https://stackblitz.com/edit/js-aemk92
吴宇提出的2个问题，各位回去思考整理下，下次分享会讨论
1. 用element-ui的提示组件代替alert，看看代码执行时机。
2. 不用vue和setTimeout如何实现loading