ionic 性能优化

1.一次性加载

解决问题:减少上下文中$watch，进而减少内存消耗

ios的内存不想安卓一样，在安卓上边运行的很流畅，但是在ios上可能会出现卡顿的情况，尤其是列表可以无限加载的情况，

使用repeater，绑定数据一般是使用{{}}去绑定数据，

由于angular的脏值检测机制，angular会一直的检测这个值时都在变动，变动后会通知界面进行变更，但是列表的情况下，我们不需要对一些名称啊、日期之类的进行检测，这时候会浪费很多内存去监控这些值的变化，实际上对我们根本没有用户，我们根本都不需要对这些值的检测，这时候我们就需要使用一次性绑定了

使用的方法很简单，代码如下：

  
  
  
  



  

    {{test_value}} {{::test_value}}
    
  

2.ng-repeat的track by属性

angular存在脏值检测机制，对于列表我们常用ng-repeat去遍历循环
数组只要其一个子项的属性变动，angular会重新渲染界面，dom 操作是很消耗内存的，在查找元素时，track by是避免重复值的，在angular检测到值变动的时候，也方便在数组对象中查找单一对象【用整个对象对比跟单一个字段查找效果很明显】，但是track by 字段必须是唯一字段

3.滚动条

采用原生滚动条，不使用jsscroll，原生的比较节约内存

全局配置方法，

angular.module('yourModule').config(function($ionicConfigProvider) {
    $ionicConfigProvider.scrolling.jsScrolling(false);
});

单个页面配置方法

把overflow-scroll=”true”添加到ion-content中

 

转载于:https://www.cnblogs.com/happen-/p/6375239.html