先存着吧（小程序）

最新推荐文章于 2024-01-23 18:59:53 发布

电烤牛上脑

最新推荐文章于 2024-01-23 18:59:53 发布

阅读量436

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/m0_56396386/article/details/123710976

版权

本文探讨了在小程序中优化setData使用的关键点，建议减少setData频率和数据量，利用原生组件提升性能。介绍了小程序的生命周期、页面路由和scroll-view组件的详细属性。并提供了wx API的使用建议，如wx.showModal替代控件，wx.chooseImage进行图片操作。

摘要由CSDN通过智能技术生成

关于setData的优化
引子：在复杂的页面中，频繁的使用setData会发现页面会延迟严重、卡顿、假死。
性能优化的关键：
1.避免频繁的去setData。
2.避免每次setData都传递大量新数据
3.后台态页面进行setData
更加推荐去使用官方原生组件
优势：
1.绕过setData、数据通信和重渲染流程，使渲染性能更好。
2.扩展Web的能力，比如像输入框组件，有更好地控制键盘的能力
3.体验更好，同时也减轻WebView的渲染工作。比如像地图组件map这类复杂的组件，其渲染工作不占用WebView线程，而交给更高效的客服端原生处理。

生命周期
1.onLoad：页面创建时执行
2.onShow：页面出现在前台时执行
3.onReady：页面首次渲染完毕时执行
4.onHide：页面从前台变成后台时执行
5.onUnload：页面销毁时执行
6.onPullDownRefresh：触发下拉刷新时执行
7.onReachBottom：页面触底时执行
8.onShareAppMessage：页面被用户分享时执行
9.onPageScroll：页面滚动时执行
10.onResize：页面尺寸变化时执行
11.onTabItemTap：tab点击时执行

页面路由
关于页面栈
初始化新页面入栈小程序打开第一个页面
打开新页面新页面入栈wx.navigateTo
页面重定向当前页面出栈，新页面入栈