违规强制重排,当工具提示出现在滑块手柄上时,在控制台中执行Javascript

时间:2018-02-08 19:03:38

标签: javascript reactjs antd

我有一个包含一些元素的网页,Ant.design slider也存在。滑块值由React状态控制。当滑块工具提示打开时,滑块非常慢,在控制台中我看到一条消息[Violation] Forced reflow while executig Javascript took ...

enter image description here

当滑块工具提示关闭时,滑块速度变为正常。如果我只将鼠标指向滑块手柄(不移动手柄),则消息也会出现在控制台中。

如何使用工具提示修复不良行为? 提前谢谢!

1 个答案:

答案 0 :(得分:1)

带有工具提示的滑块是一项标准功能,通常运行良好,因此您的代码可能会遇到一些性能问题。

请参阅Violation Long running JavaScript task took xx ms的已接受答案,了解有关如何查找问题的一些有用提示。

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