时间戳

首页 > 解决方案 > 在 ejs 页面中有效地显示 1000 个元素的数组的详细信息

node.js - 在 ejs 页面中有效地显示 1000 个元素的数组的详细信息

问题描述

我正在做一个节点应用程序，在该应用程序中遇到了一个场景，如果我有一个包含 1000 个元素的数组并将其从 Node - Express（后端）传递到 ejs（仅 HTMl 和 CSS Bootstrap）页面，该页面是前端并循环通过它，显示元素需要很多时间。您能否建议一种有效显示数组中的项目并显示项目的方法。

 <% ordersArray.reverse().forEach(function(values){ %>
<div class="card" style="width: 18rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title"><%= values.firstName %></h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
<% }) %>

在上面的示例中，ordersArray 包含 1000-2000 个元素。

在用户架构中，我有一个称为帖子的字段，例如，它将帖子存储在 JSON 数组中。[{......}，{.......}，{..... ...}，{。.........}]。现在我如何限制这一点，只获得很少的记录并跟踪它。

标签： node.jsexpressejs

解决方案

推荐阅读