小程序数据量过大问题
2021/6/3 12:50:55
本文主要是介绍小程序数据量过大问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
setdata 官方描述
setData 理解
- setData 函数用于将数据从逻辑层发送到视图层(异步)
- this.data 的值(同步)
- 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。
- 仅支持设置可 JSON 化的数据。
- 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。请不要把 data 中任何一项的 value 设为 undefined ,否则这一项将不被设置并可能遗留一些潜在问题。
数据量过大 如何更新
业务场景: 页面的数据量非常大 一个数组 交互时只改变 其中一个值 如果我们每次交互 都要重新 setdata 那么页面会非常卡顿
如何解决: 我们改那个值 就更行那个值
- 数据结构
data: { user_info:{ name: 'li', age: 10 }, cars:['nio', 'bmw', 'wolks'] },
- 更改一 、[‘字符串’] es6语法 动态改变 键名
this.setData({ ['user_info.age']: 20, ['cars[0]']: 'tesla' })
- 更改 二、 常规操作 数据量大时 不推荐
var temp = this.data.cars temp[0] = 'volvo' this.setData({ cars: temp })
- 更改三 、 本质上和第一种 一样 这个是静态 第一种是动态的
var temp = this.data.cars temp[0] = 'volvo' this.setData({ cars: temp })
这篇关于小程序数据量过大问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-06微信小程序 将base64 图片格式转换为本地文件-icode9专业技术文章分享
- 2024-07-03微信小程序分享跳转-icode9专业技术文章分享
- 2024-07-03小程序微信支付提示缺少total_fee-icode9专业技术文章分享
- 2024-07-03微信小程序携带参数分享 前后端交互流程-icode9专业技术文章分享
- 2024-07-02微信小程序中禁止左右滑动切换页面-icode9专业技术文章分享
- 2024-06-30实现小程序内部扫码签到和微信扫一扫签到-icode9专业技术文章分享
- 2024-06-30微信内调用扫码扫描小程序码如何解析链接-icode9专业技术文章分享
- 2024-06-30小程序码链接加密了如何解-icode9专业技术文章分享
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)