我有一个包含许多子视图的视图,这些子视图具有相对较重的CSS属性。每次用户更改排序或类别时,我都需要将它们(大约10-30,具体取决于屏幕宽度)添加到浏览器中。
在android中,我们通过使用ListView来完成添加许多视图的繁重任务,该ListView基本上执行一次繁重的工作,然后在以后重用该视图。
我想知道是否在javascript中缓存了视图,因此将它们附加到父级会快很多。
在我的性能测试中,将视图附加到父DOM大约需要500毫秒。但是如果有一种方法可以重用缓存的DOM来加快处理速度,那就更好了。
提前致谢
最佳答案
我假设您的情况是一次需要一个子视图。
因此,该库可能会启发您http://nexts.github.io/Clusterize.js/
想法是将整个数据模型保留在窗口对象中,并在用户进行排序或分类时呈现其一部分(与子视图关联)。