2020.11.13 周五分享会内容

 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