使用jQuery创建DOM列表的性能考虑因素

时间:2016-10-25 13:54:03

标签: javascript jquery web

我想使用jQuery在网页上创建一个可滚动的列表。列表中的每个项目都包含一个图标和一些少量文本(用户评论的典型大小)。我预计用户可以滚动到最多100个项目,尽管有些用户可以滚动更多。

我能想到两种方法。第一个是你只需为每一行添加一个项目,所有行都在内存中。当然,这确实意味着DOM将占用比替代方法更多的内存。

替代方法类似于移动应用程序(特别是Android)管理列表的方式。您不必拥有列表中每行的布局,而只需要少量布局,通常足以填满屏幕以及其他一些布局。当用户向下滚动以显示新行时,顶部从列表中消失的行将重新用于出现在底部的行。换句话说,你重复使用布局来节省内存,虽然我不确定性能会有什么影响。在Android中,这被称为RecyclerView。

创建重用布局的列表是否有任何好处,而不是只拥有DOM中所有行的所有布局?虽然这可能是本机移动应用程序的问题,但我不确定它是否是Web应用程序的问题。注意:Web应用程序仅适用于桌面浏览器,不适用于移动浏览器。

0 个答案:

没有答案