【问题标题】:How to improve the performance of huge data Angular Material applications in internet explorer?如何提高 Internet Explorer 中大数据 Angular Material 应用程序的性能?
【发布时间】:2016-11-23 09:56:20
【问题描述】:

我们正在开发一个 Angular Material 应用程序,它拥有大量数据——大约 20 到 4 万行。这种大型应用程序在 Chrome 中运行良好,但在 MSIE 11 和 Edge 中,其性能非常缓慢。

【问题讨论】:

  • 40,000 行数据在浏览器窗口中??这似乎太过分了,而且人类完全无法使用。您是在使用任何类型的分页、排序、过滤,还是只是在屏幕上显示超出人类可能看到的更多行数据?
  • 您的问题既模糊又广泛:您的第一步是诊断您的问题并深入了解瓶颈——这应该是您的实际问题。列出没有上下文的症状在 Stackoverflow 上不会产生太多效果。
  • 是的,听起来像是分页的工作。让用户请求下一页和下一组行。一次 40k 对 ui/ux 不利。
  • 是的,我们没有使用虚拟重复显示数据。但是实际问题我们无法在 Internet Explorer11 中实现应用程序速度

标签: javascript angularjs performance internet-explorer-11 angular-material


【解决方案1】:

虚拟化应该会有所帮助,检查类似https://material.angularjs.org/latest/demo/virtualRepeat

https://github.com/2fdevs/angular-virtual-list

https://github.com/kamilkp/angular-vs-repeat

等等

在我的项目中,角度适用于 100 000 行的虚拟化

如果您使用 angular 1.x,还要尝试防止指令的深度嵌套

也尽量不要使用观察者

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多