ember.js - Ember 遇到大数据集时感到窒息

Question

正在寻找解决方案来解决因大型数据集迫使 Ember 在尝试处理数据时锁定浏览器而导致的问题。

对于分页，我使用 tchak 的便捷工具 pagination mixin对从后端 API 加载的大约 13,000 多个对象进行分页。

Ember 数据对象包含一个 ID、一个文本属性和多个数字属性。

问题是浏览器需要近一分钟才能完成数据处理，同时导致浏览器无法使用。 Firefox 甚至发出警告，指出某个脚本正在耗尽所有浏览器资源，并建议终止该脚本。

我编写了自己的分页 mixin，它按范围请求对象，即第 10-25 项，除了一个严重的限制:排序之外，它通常运行良好。为了对数据进行排序，我需要向后端发出额外的请求并重新加载对象，即使其中一些对象已经加载。

我希望能够预先加载所有内容以简化排序过程，而无需向后端 API 发出额外请求。我正在寻找有关如何解决此问题的指导，但我愿意接受完全替代的方法。

如果不出意外的话，当 Ember 尝试将所有 13k 对象加载到 ArrayController 中时，是否可以减少浏览器上的资源占用？

<小时/>

我正在使用 Ember 1.0.0-pre2 和最新的 Ember 数据(当前版本为修订版 10)。

后端是 Rails 3.2.8。

<小时/>

更新 我通过将数据加载到 content 之外的 ArrayController 属性中回避了该问题。这使得加载时间从一分钟多缩短到只有几秒钟。然后，我对请求的项目数量进行切片并将其加载到内容中。这适用于任意数量的项目，但代价是无法轻松对数据进行排序。

Answer 1

我建议你看看 Ember Table 。该演示显示了一个包含 500 000 条记录的表，并且运行速度非常快。挖掘源代码可能会有所帮助。