选择 HTML table 中超过 1000 行的复选框时出现性能问题
Performance issue with selecting a checkbox in HTML table with 1000+ rows
我们有一个简单的 HTML table with tr td 组合。 table 有 65 列，它至少有 1000 行，也可能更多。
我们在连续 select 选中一个复选框时遇到了一个巨大的性能问题，select 一个复选框并将其呈现为选中状态大约需要 3-4 秒。我们使用了 Angular CDK virtualScroll，它在很大程度上提高了性能。但我们仍然看到提到的问题。
问题的原因是什么？这么多记录出现这种性能问题是否正常，或者是否存在任何设计问题会导致此问题？
好吧，我也有同样的要求并且面临同样的性能问题。有几点对我有帮助，
首先作为旁注，与生产模式相比，开发模式的性能会很慢。
尝试对 onPush 实施变更检测策略。
以块的形式加载数据，比如 20-30 项。
实现 angular trackBy 功能以及 ngFor 指令。
希望对你有帮助！就像我的一样。
问题已通过使用 Angular material 虚拟滚动技术解决。
https://material.angular.io/cdk/scrolling/overview
我们有一个简单的 HTML table with tr td 组合。 table 有 65 列，它至少有 1000 行，也可能更多。
我们在连续 select 选中一个复选框时遇到了一个巨大的性能问题，select 一个复选框并将其呈现为选中状态大约需要 3-4 秒。我们使用了 Angular CDK virtualScroll，它在很大程度上提高了性能。但我们仍然看到提到的问题。
问题的原因是什么？这么多记录出现这种性能问题是否正常，或者是否存在任何设计问题会导致此问题？
好吧，我也有同样的要求并且面临同样的性能问题。有几点对我有帮助， 首先作为旁注，与生产模式相比，开发模式的性能会很慢。 尝试对 onPush 实施变更检测策略。 以块的形式加载数据，比如 20-30 项。 实现 angular trackBy 功能以及 ngFor 指令。 希望对你有帮助！就像我的一样。
问题已通过使用 Angular material 虚拟滚动技术解决。 https://material.angular.io/cdk/scrolling/overview