android - 性能 : best practices for an app listing several images

Question

我正在使用 JQuery Mobile 和 Phonegap Build 开发应用程序。还有一个包含图像的列表。此列表是动态填充的。但我没有在此列表中使用 JQM 标记，因为它会更慢。

目前这是一个包含 264 项的列表，并且还在增加。对于平板设备，图片的高度必须至少为 250 像素。

目前所有这些图像都随应用程序一起提供。我应该决定从服务器加载图像吗？如果是，滚动列表会不会更慢？

谢谢

Answer 1

为了平滑滚动，你可以试试http://airbnb.github.io/infinity/ ，这与图像或列表项的数量无关。

它允许 DOM 中的元素数量有限，因此页面性能不会降低。检查这个 fiddle ，http://jsfiddle.net/Luq16one/4/ .

var $el = $('#my-infinite-container');
var listView = new infinity.ListView($el);

// ... When adding new content:

var $newContent = $('<p>Hello World</p>');
listView.append($newContent);

// ... To remove items from a list:

var listItems = listView.find('.my-items');
for(var index = 0, length = listItems.length; index < length; index++) {      
    listItems[index].remove();
}