Ember.js渲染大型列表而不会锁定浏览器

Question

在客户端渲染大量项目时，我对Ember.js的选择是什么？分页是一种减少渲染时间的明显方法，但有没有其他技巧可以让你在javascript执行时没有明显的浏览器冻结的情况下渲染大项目列表？

Answer 1

列表

ember-list-view

表格

ember-table

我尝试了一百万种不同的渲染列表和模板的方式，但没有这些，所以希望这有助于某人。

Answer 2

我在渲染大型列表时发现了类似的性能问题。

我的用例是渲染日志条目。我最终使用jQuery并直接写入DOM。

以下是关于我如何做到的post，这是code。

简而言之，我得到50条记录并在屏幕上呈现。在屏幕底部，我有一个显示更多按钮。如果用户点击此按钮，我会附加列表底部的下一个50。

请注意，我的记录是只读的。如果我必须执行CRUD操作，我将恢复使用带分页的集合。集合提供绑定支持，因此当用户编辑记录时，列表中的字段将自动更新。这是关于CRUD操作的post。

我的代码在重命名为EmberJS之前仍在使用Sproutcore 2。我想您会发现大多数API都是相同的 - 只需要更改命名空间。

希望这有帮助。