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

发布于 2022-09-11 20:54:48 字数 616 浏览 12 评论 0

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


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) //增量数据,发送数据到视图层
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

旧瑾黎汐 2022-09-18 20:54:48

通常的可能会这么

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

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文