Performance 即使我的应用程序没有';我没有

Performance 即使我的应用程序没有';我没有,performance,reactjs,mixins,Performance,Reactjs,Mixins,我的React应用程序变得异常滞后,我正试图找到(并摧毁)瓶颈。该应用程序每10秒更新一次。而现在,更新需要>100毫秒,这太长了 当我用Chrome开发工具记录时间线时,我发现一个名为“Mixin.perform”的东西将107毫秒的屏幕截图附在了一起 这部分让我困惑。通常情况下,我的目标是修复任何看似耗时最长的问题。但我的应用程序没有任何混音,至少我知道。它都是用ES6编写的,所以混音是不可能的 我确实使用了一些第三方组件,所以它可能来自其中的一个-有没有任何方法可以告诉我哪些混音正在减慢速

我的React应用程序变得异常滞后,我正试图找到(并摧毁)瓶颈。该应用程序每10秒更新一次。而现在,更新需要>100毫秒,这太长了

当我用Chrome开发工具记录时间线时,我发现一个名为“Mixin.perform”的东西将107毫秒的屏幕截图附在了一起

这部分让我困惑。通常情况下,我的目标是修复任何看似耗时最长的问题。但我的应用程序没有任何混音,至少我知道。它都是用ES6编写的,所以混音是不可能的

我确实使用了一些第三方组件,所以它可能来自其中的一个-有没有任何方法可以告诉我哪些混音正在减慢速度?还是有不同的解释


Mixin对象是React源代码的一部分:

关于它的用途有一些描述。我理解它的意思是,它有助于在协调过程中保持状态,React技术用于使rendering React应用程序的性能足以满足生产使用,而不仅仅是从理论上讲

您可以在此处阅读有关对账的内容:

很可能您的许多组件正在接收道具更改,从而导致重新渲染,这将导致其子组件出现气泡。在此循环结束时,React将完成它的工作,并将调用
Mixin
函数来帮助对账

您可以尝试在
component willreceiveprops
shouldComponentUpdate
中添加一些日志信息,以将
nextrops
this.props
进行比较。有时您可能希望在
shouldComponentUpdate
中返回
false
,这将减少React core所需的工作量。您可能还会发现组件收到新道具的次数比您预期的要多

当您试图理解为什么组件在您认为不应该更新的情况下进行更新时,本文会有所帮助:


祝你好运

Mixin对象是React源代码的一部分:

关于它的用途有一些描述。我理解它的意思是,它有助于在协调过程中保持状态,React技术用于使rendering React应用程序的性能足以满足生产使用,而不仅仅是从理论上讲

您可以在此处阅读有关对账的内容:

很可能您的许多组件正在接收道具更改,从而导致重新渲染,这将导致其子组件出现气泡。在此循环结束时,React将完成它的工作,并将调用
Mixin
函数来帮助对账

您可以尝试在
component willreceiveprops
shouldComponentUpdate
中添加一些日志信息,以将
nextrops
this.props
进行比较。有时您可能希望在
shouldComponentUpdate
中返回
false
,这将减少React core所需的工作量。您可能还会发现组件收到新道具的次数比您预期的要多

当您试图理解为什么组件在您认为不应该更新的情况下进行更新时,本文会有所帮助:

祝你好运