javascript - 渲染大型 HTML 页面

Question

由于某些定期报告的原因，我目前正在将大量数据写入 html。它只有一个大约 10,000 行的表。其中 7MB 越来越大。当用户打开它时，有时浏览器会因为大文件而变得无响应。

我可以将 JSON 存储在服务器上，然后在人们加载页面时获取该 JSON 并通过页面并一次显示 1000 条记录。

有什么更好的方法来实现这个？

Answer 1

我做出以下假设

1. 数据存储在文件中
2. 数据只会附加到

如果是这样，您可以对文件实现分页。使用随机访问文件。只需逐行读取文件以获取许多记录。然后当你完成后，保存文件position。将 html 数据发送到浏览器时，也会保存文件位置。这可以使用链接中的查询参数来“获取更多数据”来完成。

当用户单击“获取更多数据”链接时，您重新打开文件，但首先position()到保存的位置。然后读取接下来的几条记录，保存位置等。