Javascript:在下一页加载时重用动态创建的 DOM 对象

Question

我有 20K+ 的值要显示在组合框中。HTML 变得越来越大，所以为了减少 HTML 加载时间，我将所有值存储在 localStorage 的数组中。接下来，我使用了javascript并将所有选项动态添加到该组合框中。到目前为止，一切都很好，但是现在我什至想避免在每次页面加载时填充组合框的步骤。我想要的是将填充的组合框 DOM 对象存储在某个地方，并在每次页面加载时重用该对象。我已经尝试过 localStorage，但它失败了，可能是因为列表太大（RnD 无法弄清楚这是并行的）。

我还可以利用其他东西来缓存动态形成的 DOM 对象，以便它们可以在不同页面上的不同页面上使用，而无需经历一遍又一遍地动态填充它们的痛苦。

Answer 1

1. 为组合框创建一个部分模板 html，并对其进行预编译。（车把/胡须）
2. 在第一页上动态加载文件
3. 对于其他页面，您可以使用此缓存的部分 html