微信小程序小技巧分享

最新推荐文章于 2021-12-19 10:28:39 发布

Agger_chen

最新推荐文章于 2021-12-19 10:28:39 发布

阅读量216

点赞数

分类专栏：微信小程序文章标签：微信小程序数据加载

本文链接：https://blog.csdn.net/github_36086968/article/details/102562042

版权

本文分享了微信小程序中滚动加载数据的优化技巧，避免数据量大时的渲染卡顿，以及使用特定语法进行浮点数向下取整的方法。通过二维数组解决滚动加载性能问题，并介绍了更新数据对象的策略。

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

微信小程序小技巧分享

微信小程序相关编程技巧分享，内容来源是经验总结以及论坛啊，博客上收集，后续还会分享更多技巧，欢迎大家讨论。

1. 滚动加载数据方式

在滚动分页加载数据的时候，通常做法是定义一个数据arr，下滑触发加载更改请求接口获取分页数据arr2，然后将arr2合并到arr，重新setData到arr。这样的操作方式是每次都全量覆盖，当数据量过大时，会造成渲染加载卡顿问题。arr数组结构为[{ },{ },{ },{ }]

旧方法：

Page({
   
    data:{
   
        arr:[]      //这是一个滚动渲染数组数据
    }
}) 

//上拉触底方法
onReachBottom:function(){
   
    let that = this;
    let arr = that.data.arr;
    
    wx.reauest({
   
        url : '',
        data : {
    },
        success : function(res){
   
            let newData = res.result;  //获取接口返回的分页数据
            arr.<