重绘

mutationobserver的回调是作为微任务执行的，这意味着它会在当前宏任务结束后、浏览器渲染前被处理。其优势包括：1. 批处理dom变化，减少不必要的计算；2. 在渲染前及时响应dom更新，避免ui闪烁；3. 避免竞态条件和同步事件带来的性能问题。与promise.then()同属微任务队列…

节流的核心是控制函数执行频率，确保在设定周期内最多执行一次。1. 通过settimeout实现节流，利用定时器延迟执行，若在延迟时间内重复调用则更新参数或忽略；2. 使用requestanimationframe优化动画性能，使回调与浏览器刷新率同步，提升流畅度；3. 节流与防抖不同，前者限制执行频…

宏任务和微任务的区别在于执行时机和优先级，微任务优先级更高，会在当前宏任务结束后立即执行所有微任务，再执行下一个宏任务。宏任务包括script、settimeout、setinterval等，微任务包括promise.then/catch/finally、queuemicrotask、mutatio…

javascript中宏任务队列的执行顺序是“一次一个来”，即主线程空闲且所有微任务执行完毕后，事件循环从宏任务队列取出一个任务执行。1. 宏任务包括settimeout、setinterval、i/o操作、用户事件和ui渲染等；2. 微任务如promise.then、mutationobserve…

事件循环延迟的测量通过settimeout(0)结合performance.now()记录任务调度与执行的时间差实现，具体步骤为：1. 记录任务提交时间；2. 利用settimeout(callback, 0)将任务插入队列；3. 执行时记录完成时间；4. 计算两者差值得到延迟。此外还可使用mess…

javascript中微任务的嵌套执行顺序是：1. 执行一个宏任务；2. 清空当前微任务队列，期间新加入的微任务也会被立即处理，直到队列为空；3. 渲染页面；4. 执行下一个宏任务。promise.then、mutationobserver、queuemicrotask及async/await等ap…

宏任务是javascript事件循环中用于处理异步操作的一种机制，主要包括settimeout、setinterval、i/o操作、ui事件、setimmediate（node.js）和requestanimationframe（浏览器）。1. settimeout和setinterval将回调放入…

javascript是单线程的，通过事件循环机制处理并发。1. javascript引擎在任何时刻只能执行一段代码，异步操作由宿主环境（如浏览器）处理；2. 异步任务完成后，其回调被放入任务队列；3. 事件循环不断检查调用栈是否为空，若为空则从任务队列中取出回调执行。任务队列分为宏任务队列（如set…

理解微任务的执行时机对调试至关重要，因为它决定了异步操作的执行顺序。微任务（如promise回调）会在当前同步代码或宏任务结束后、下一个宏任务前优先执行，导致看似“插队”的效果。这影响状态更新的即时性、promise链的顺序及竞态条件的处理。常见陷阱包括settimeout与promise执行顺序混…

javascript的事件循环是其处理异步任务的核心机制，1. 通过任务队列和微任务队列管理异步操作；2. 执行栈空时从任务队列取任务执行，期间产生的微任务进入微任务队列并优先执行；3. 避免阻塞主线程的方法包括将耗时任务拆分为小任务并使用settimeout或requestanimationfra…