浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

超哥前端记录

发布于 2026-09-21 06:58:20

360

概述

上个月给一个数据看板加了「滚动加载 + 实时高亮」的功能。列表虚拟滚动本身没问题，但用户反馈快速滚动时，屏幕右下角的实时统计数字会偶尔跳变，不是漏掉一帧，而是直接显示成旧值。更让人迷惑的是，这个现象只在 Chrome 上出现，Safari 和 Firefox 反而正常。我最初怀疑是虚拟滚动计算误差，查了两天才发现根因在事件循环里：requestAnimationFrame 回调执行时，Promis

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

浏览器

浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐