添加DOM视图太慢了，需要一种更好的方法来缓存一次视图并重用它供以后使用

adding DOM view is too slow, need a better way to cache the view once and reuses that for later use

本文关键字：视图缓存一次更好 DOM 添加一种方法更新时间：2023-09-26

我有一个包含许多子视图的视图，这些子视图具有相对较重的CSS属性。每次用户更改排序或类别时，我都需要添加它们(大约10-30取决于屏幕宽度)到浏览器。

在android中，我们通过使用ListView来处理添加许多视图的繁重任务，它基本上只做一次繁重的工作，然后在以后重用视图。

我想知道在javascript中是否有缓存视图，所以将它们附加到父视图会快得多。

在我的性能测试中，仅仅将视图附加到父DOM就需要大约500ms。但是如果有一种方法可以重用缓存的DOM来加快速度，那就更好了。提前感谢

我假设在您的情况下，一次需要一个子视图。这个库可能会给你启发http://nexts.github.io/Clusterize.js/这个想法是将整个数据模型保存在窗口对象中，并在用户排序或分类时呈现其中的一部分(与子视图关联)。