重绘

使用 requestanimationframe 替代 settimeout/setinterval，因其与浏览器渲染同步，避免掉帧；2. 保持主线程轻量，避免长任务阻塞动画回调执行；3. 简单动画优先用css transition或@keyframes，利用gpu加速；4. 合理使用 will-c…

javascript单线程与异步共存靠事件循环实现：引擎将异步任务交给宿主环境处理，完成后回调入队，事件循环在调用栈空时执行队列回调；2. 宏任务（如settimeout）每轮循环执行一个，微任务（如promise）在宏任务后立即清空，优先级更高；3. 理解该机制可避免阻塞主线程、精准控制异步顺序、…

requestidlecallback与事件循环的关系是：它在每帧渲染完成后、浏览器判断有空闲时间时执行回调，利用主线程的碎片时间处理低优先级任务；2. 它解决了因耗时任务阻塞主线程导致的ui卡顿问题，提升响应性；3. 区别在于：settimeout只按时间延迟执行、不避让渲染，requestani…

javascript的调用栈是用于跟踪代码执行流程的后进先出（lifo）结构，负责同步代码的即时执行；当函数调用时，其执行上下文压入栈顶，执行完毕后弹出；若同步任务耗时过长，会阻塞主线程，影响性能和用户体验。 在JavaScript的非阻塞世界里，事件循环（Event Loop）是幕后的真正英雄，它…

javascript的事件循环和ui渲染共享主线程，导致js执行可能阻塞ui更新。1. 事件循环调度所有任务，包括js代码、回调和ui渲染；2. 耗时js任务会占用主线程，阻止浏览器进行布局和绘制，造成页面卡顿或无响应；3. 浏览器尽量在js任务间寻找空隙进行渲染，但若js执行超过16.6毫秒（一帧…

事件循环实现延迟加载的核心是将非关键任务推迟到浏览器空闲时执行，1. 使用 settimeout(callback, 0) 将任务推入宏任务队列，避免阻塞渲染；2. 用 requestanimationframe 确保视觉更新与重绘同步；3. 用 requestidlecallback 处理低优先级…

事件循环中的“饥饿”问题是指某些任务长时间占用事件循环，导致其他任务无法执行。判断“饥饿”现象的方法包括：1. 观察任务响应时间是否明显变长或出现超时；2. 使用性能分析工具（如浏览器开发者工具、node.js的perf_hooks模块）监控事件循环；3. 通过日志记录关键任务执行时间并进行对比；4…

setimmediate和settimeout(fn,0)的核心区别在于事件循环阶段不同。1.setimmediate在“检查（check）”阶段执行，紧随i/o操作之后；2.settimeout(0)在“定时器（timers）”阶段执行，通常位于事件循环开始时。在i/o回调内部，setimmedi…

javascript事件循环中微任务优先于宏任务执行。1. 每次事件循环执行一个宏任务；2. 宏任务执行完毕后，立即清空当前所有微任务；3. 微任务全部执行完后，进入下一个宏任务周期。这确保了promise等异步操作能快速响应，提升用户体验。 JavaScript的事件循环机制中，微任务和宏任务的执…

事件循环是javascript性能优化的核心机制，它通过调度任务保持主线程空闲，从而避免页面卡顿。1. 事件循环将任务分为宏任务（如settimeout、i/o）和微任务（如promise.then），微任务优先执行，确保高优先级任务及时响应。2. 优化策略包括：拆分耗时任务为小块异步执行（如set…