同步和异步的区别
同步会阻塞代码执行而异步不会
Alert是同步 setTimeout是异步
前端使用异步的场景有哪些
定时任务：setTimeout setInterval
网络请求 ajax请求 动态img加载
事件绑定
Event Loop（事件循环/事件轮询）
1. js是单线程运行的
2. 异步要给予回调来实现
3. Event Loop是异步回调的实现原理
Js如何执行
1. 从前到后，一行一行执行
2. 如果某一行执行报错，则停止下面代码的执行
3. 先把同步执行完，在执行异步
执行过程：
一段js代码在刚执行的时候，会有一个主时间，一个匿名的主事件会丢到callback queue任务队列中，js引擎会在任务队列中取一个来执行。因为js是单线程的，一次只能处理一个事件。在执行这个时间的过程中，如果里面有异步任务，比如DOM操作、Ajax、setTimeout就会丢给webApI来执行。丢完就不管了，继续执行后面的代码。webApi在执行异步任务时，
他会把回调函数里的js代码再放到callback queue里，比如dom中的onclick,ajax成功失败，还有setTimeout函数多少秒后执行。任务队列里，如果前面的时间都执行完了，新丢的回调函数代码继续放到js引擎里。如果回调函数里还有异步任务，就继续做循环
setTimeout原理
Javascript是单线程执行的，也就是说无法执行多段代码，当某一段代码正在执行的时候，所有后续的任务都必须等待，形成一个队列。一旦当前任务执行完毕，再从队列中取出下一个任务。所以，一次鼠标点击，或是计时器到达时间点，或是ajax请求完成触发了回调函数，这些事件处理程序或者回调函数都不会立刻运行，而是进行排队，一旦线程有空闲就会执行。
假如代码中设定一个setTimeout，那么浏览器便会在合适的时间，将代码插入队列中，如果时间是0，就代表立即插入队列中，但不是立即执行，仍然要等待前面代码执行完毕。所以setTimeout并不能保证执行的时间，是否及时执行取决于JavaScript线程是拥挤的还是空闲的。
DOM事件和event loop
JS是单线程的
异步（setTimeout,ajax等），使用回调，基于event loop
DOM事件也使用回调，基于event loop
Event loop和dom渲染
JS是单线程的，而且和DOM渲染共用一个线程
JS执行的时候，会保留一些时机供DOM渲染
每次call stack清空（即每次轮询结束），即同步任务执行完毕，都是DOM重新渲染的机会。DOM结构如有改变则重新渲染，然后再去触发下一次event loop
宏任务macroTask和微任务microTask
什么是宏任务，什么是微任务
宏任务：setTimeout setInterval Ajax DOM时间
微任务：Promise async/await
微任务执行时机比宏任务更早
微任务和宏任务区别
宏任务：DOM渲染后触发
微任务：DOM渲染前触发
从event loop解释，为什么微任务执行更早
微任务是Es6语法规定的
宏任务是由浏览器规定的
