Question

我正在使用离子，角度和cordova构建的移动应用程序。我有一个包含500个项目的列表，在三星Note I中滚动不好。我知道500是一个有点大数字，但我很想知道有没有办法改善性能。

这是代码，

<ion-list show-delete="showDelete"> 
      <ion-item ng-repeat="user in users" type="item-text-wrap" href="#/tab/user/{{user.id}}" class="item-thumbnail-left item-icon-right">
        <img src="{{user.image}}">
        <h2>{{user.name}}</h2>
        <p>{{user.role}}</p>
        <i class="icon ion-ios7-arrow-right"></i>
        <ion-delete-button class="ion-minus-circled" ng-click="delete(user)">
        </ion-delete-button>
      </ion-item>
    </ion-list>

Answer 1

高性能大型列表的秘诀在于重用DOM元素。您可能有500个项目，但同时屏幕上只有10个项目。因此，我们可以通过回收屏幕上的元素来节省大量内存和CPU时间。

Ionic带有一个完全正确的指令 - check it out.

提高android中phonegap app的滚动性能

1 个答案: