javascript - 推荐的 JavaScript 对象数组大小

Question

我正在构建的页面应该显示项目列表。例如，假设这些是待售产品。一件商品将有一个简短的标题(50-200 个字符)、价格和其他一些简短信息。每个类别通常可能有 200 个项目。但是，很少有 1000 项和最多 5000 项(很少见)。

我正在考虑将所有项目预加载到 JavaScript 对象数组中，以使分页顺畅并进行产品过滤。基于用户在过滤器或页码上的选择，DOM 可以很容易地重新绘制结果以供显示。我敢肯定，这对 200 件元素来说效果很好。但是5000呢？如果你遍历这么多项，它会减慢浏览器的速度吗？

我应该预加载所有内容并动态显示项目(从不再次调用服务器)还是它仍然是根据用户选择从服务器加载数据片段的最佳方式？谢谢。

Answer 1

我认为您不必担心。您唯一担心的是通过线路获取数据(到用户的浏览器)。 5000 × 200 = 1000000 字节，所以会超过 1MB。

JavaScript 性能可能不是问题。在我的测试中(在一台运行 Chrome 16 的中等老式笔记本电脑上)，只用了 1ms 来创建 5000 个模拟对象并迭代它们，连接描述并加起来价格。看看:http://jsfiddle.net/PPvG/G3UDH/

在带宽方面，如果客户端和服务器之间的连接是高带宽和高延迟的，那么预先加载所有内容可能会更好。如果连接是低带宽和低延迟的，分部分加载可能会带来更好的用户体验。因此，哪种方法最好取决于具体情况。