Javascript minimongo中的查询性能

我构建了一个响应论坛演示，在移动设备上呈现一个主题列表。更新集合时它没有响应。我认为原因是这个问题

我的测试html：

<template name="index">
  <h1 id="myTime"></h1>
  {{#each foo}}
  <h1>{{name}}</h1>
  {{/each}}
  <input id="t" type="text"></input>
  <button id="s">submit</button>
</template>

当文档数量非常少时，代码运行速度非常快。当文档数大于300时，渲染将停止约3s

---

有可能改进吗？：）

是否在循环的每次迭代中都插入DOM？更容易创建一个循环，将所有内容附加到该循环，然后在循环结束时将片段附加到DOM中。

---

逻辑基本不变，但浏览器在最后只需重新绘制页面一次，而不是每次迭代。

谢谢！我没有DOM操作代码。所有DOM操作都由模板处理。延迟在

Template.index.rendered

之前（我在rendered函数中添加了一个

警报

，它在延迟之后发出警报）

Template.index.foo = function () {
  return Foo.find({}).fetch();
};

Template.index.events({
  "click #s": function () {
    Foo.insert({name: $("#t").val()});
  }
});

Meteor.startup(function () {
  Meteor.setInterval(function () {
    $("#myTime").text((new Date()).getTime());
  }, 1);
});