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