耗时 JS 会造成丢帧,这句话改怎么理解?

Nick
  • 1
新手上路,请多包涵

问题描述

好多文章都说要低于16ms,超过16ms就会丢帧?该怎么理解呢

回复
阅读 775
2 个回答

js运行会阻塞页面渲染,如果一段js代码的运行时间超过1/60秒(约合16ms,除以60是因为每秒60帧),就会造成页面滚动的卡顿。
如果使用requestAnimationFrame,也需要保证运行时间小于16ms,甚至更小,以保证动画满帧。

这是要看显示屏的图像刷新频率,对于一般笔记本电脑,这个频率大概是60Hz,也就是1秒刷新60次,约合16ms刷新一次。
推荐可以看下这篇文章=>深入理解 requestAnimationFrame

你知道吗?

宣传栏