[Violation]'requestAnimationFrame' handler took 1155ms
时间: 2023-10-12 20:04:29 浏览: 69
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
这个警告是浏览器给出的性能警告,提示你的requestAnimationFrame回调函数执行时间过长,导致界面卡顿或者动画不流畅。在大部分情况下,requestAnimationFrame回调函数的执行应该是在16ms内完成的,也就是每秒60帧的速率。
如果你收到了这个警告,可以考虑优化你的代码,减少回调函数的执行时间。一种常见的优化方法是将回调函数中的计算和操作尽可能移到函数外部,避免在每次回调中重复计算相同的内容;另外,也可以考虑使用Web Worker,将计算和操作转移到另一个线程中执行,避免阻塞主线程。
总之,尽可能减少requestAnimationFrame回调函数的执行时间是保持动画流畅性的重要因素之一。
阅读全文