ember.js - 使用 500 行 block 浏览器渲染表格组件？

Question

我有一个组件，可以将 500 多个数据渲染到 HTML 表格行中

渲染花费了近 3 秒，浏览器完全被阻止。

我无法使用分页，因为客户希望它像 Excel 一样，而且它是一个静态站点。

有办法解决这个问题吗？例如在渲染组件之前创建加载状态？

Answer 1

我猜 500+ 行不适合屏幕(视口(viewport))，因此您需要使用滚动。

有一个名为ember-in-viewport的插件。它使您能够在组件不在视口(viewport)中时不渲染该组件。

这是一个sample twiddle 。在 applicaiton.hbs 中将 my-component 更改为 my-proxy-component 以查看效果。