uni-app这段优化原生小程序的代码是什么意思?

各位大神,下面的代码该如何理解?


https://juejin.im/post/5ca173...

开发者使用微信原生框架,完全可以自己优化,精简传递数据,比如修改如下:

data: {
    listData: []
},
onReachBottom() { //上拉加载
    // 通过长度获取下一次渲染的索引
    let index = this.data.listData.length;
    let newData = {}; //新变更数据
    Api.getNews().forEach((item) => {
        newData['listData[' + (index++) + ']'] = item //赋值,索引递增
    }) 
    this.setData(newData) //增量数据,发送数据到视图层
}
阅读 2.7k
1 个回答

通常的可能会这么

this.setData({
    listData:this.data.listData.concat(Api.getNews())
});

这样的缺点是每次都是一次重新赋值,而且随着分页的增加,每次重新赋值的数据量也在增大.

你给出那段代码,没有重新赋值的问题,每个只是增量更新固定条数.

小程序 setData 你滑到最下面,官方有一个相应的示例.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题