微信小程序后台返回大量多余数据的处理

最新推荐文章于 2025-02-13 09:40:27 发布

原创

最新推荐文章于 2025-02-13 09:40:27 发布 · 4.1k 阅读

5 ·

CC 4.0 BY-SA版权

当微信小程序从后台接口获取大量冗余数据时，虽然对网络请求影响不大，但会影响界面渲染速度。通过创建临时数据tempData，只设置需要的数据，可以提升渲染效率。此外，分享了关于setData的优化技巧，如使用map函数和避免全量更新数据。作者韦弦zhy是小程序社区博主，专注于小程序开发实战和原创分享。

台接口返回一个数组，数组里面N多对象，每个对象里面几十上百条数据，最好玩的是，我只需要每个对象里面的某两个数据、、、、

类似这种：

datas:[
 {
 id:1000,
 name: "帅哥"，
 title: '...',
 b: '...',
 d: 0,
 f:0,
 ....
 },
 {
 id:1001,
 name: "美女"，
 title: '...',
 b: '...',
 d: 0,
 f:0,
 ....
 },
 ...
]

其实我只要id和name，找后台解决、、、算了吧，奈何天生就是个儒生，温文尔雅，打架是打不赢的，要是能打赢的就直接打吧，打完让他们改！

数据量过多，对网络请求影响大吗？说实话，不大，又不是几兆的图片，返回数据的速度反正我感受不到延迟。

但是数据量过多对小程序渲染界面有影响吗？

答案是：有！一般情况下我们是在wxml中循环data，然后取出item.id和item.name,其他数据看起来和我们无关，但是查看官方文档setData相关信息的时候有下面这一段话

setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。

工作原理

小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据直接共享的通道。当前，视图层和逻辑层的数据传输，实际上通过两边提供的 eva