滑块手柄上出现提示时,在控制台执行Javascript时强制重新布局违规。

26
我有一个网页,其中包含一些元素和Ant.design slider。我的滑块值由React状态控制。当打开滑块提示框时,滑块反应非常缓慢,在控制台中我看到:

[Violation] Forced reflow while executing Javascript took ...

enter image description here

当滑块 {{tooltip}} 被关闭时,滑块的速度恢复正常;并且只有在我将鼠标悬停在滑块手柄上(而不移动手柄)时,控制台消息才会出现。
我该如何修复 {{tooltip}} 中的 "[Violation] Forced reflow" 错误?提前感谢!

你是否在使用 imwheel?如果是的话,可以尝试关闭它并查看是否仍然存在违规情况。 - zean_7
1个回答

8

带有工具提示的滑块通常是一个标准功能,正常情况下运行良好,因此您的代码中可能存在性能问题。

请参阅违规:长时间运行的 JavaScript 任务花费了 xx 毫秒 的被接受答案,获取有关如何定位问题的一些有用提示。

如果需要更详细的帮助,请发布您的代码,最好作为可执行示例。


1
好的,但是正如我之前所写的那样,当我只是将鼠标指向滑块手柄时,消息也会出现。我的函数很简单,只是格式化工具提示文本,并没有对Dom进行其他操作。这就是为什么我认为问题存在于工具提示中的原因。 - Evgeniy

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接