Meteor.js：使用带有较大数据集的分页订阅时的性能问题

Question

我正在构建一个应用程序，它应该能够列出数千篇带有分页/无限滚动的文章。用户应该能够过滤/排序这个列表，目前我在排序文章时遇到了性能问题。

我设置了一个非常基本的应用程序来演示这个问题：http://meteor-paginated-subscription-example.meteor.com/（参见 Github：https://github.com/lacco/meteor-paginated-subscription-example）。如果您打开 Firefox/Chrome 控制台并单击“创建于”/“优先级”以启动排序，您会看到 Template.articles.rendered 一键调用了数百次。您还看到表格需要一些时间才能“最终”完成，在加载和渲染期间，行的顺序经常发生变化。

我确信我在代码中做了一些废话，但我无法弄清楚我的问题出在哪里。你能帮帮我吗？

Answer 1

collection.cursor Models.Articles.find({}, ...) 是一个反应式数据源。对该光标中项目的任何更改都会导致模板articles_table 和`{{#each article}} 中的子模板重新呈现。

您的方法导致您更改数据订阅，因此客户端调用服务器请求新数据。您看到的闪烁是由于新数据到达和旧数据被删除时显示的中间步骤引起的。在从帮助程序Template.articles_table.articles 返回任何内容之前尝试检查if handle.ready()，以便仅在数据集完成时显示该表。

更新：响应 cmets 中的附加功能请求。如果您存储“previousSort”并且在排序或限制更改时还存储“previousLimit”，您可以在客户端等待订阅准备就绪时显示您的旧查询并关闭响应性：

if ( handle.ready() ){
  return Models.Articles.find({}, {sort: sort, limit: limit});
}    
else {
  return Models.Articles.find({}, {sort: previousSort, limit: previousLimit, reactive: false});
}