当前位置: 首页 > news >正文

个性化定制网站中小企业网站推广

个性化定制网站,中小企业网站推广,室内装饰设计效果图,合作网站开发公司微信小程序实现上拉加载分页列表的性能优化 我们的功能里面有个滚动到底部加载的功能#xff0c;优化前我们的做法是这样的#xff1a; 大部分人面对长列表滚动的时候#xff0c;一开始的处理方式都是这样的#xff0c;如果数据不多#xff0c;只有几页可能不会太暴露问题…微信小程序实现上拉加载分页列表的性能优化 我们的功能里面有个滚动到底部加载的功能优化前我们的做法是这样的 大部分人面对长列表滚动的时候一开始的处理方式都是这样的如果数据不多只有几页可能不会太暴露问题如果页数过多几十页甚至上百页的情况list的数据会越来越大每次setData的数据就会越来越多因而每次页面重新渲染的节点就会越来越多从而导致滚动到后面加载越来越慢。另外由于小程序的视图渲染层和数据逻辑处理层是分开的不是在同一个线程上面的从用户触发页面交互到处理数据逻辑最后层现页面数据到视图是需要传输的因而小程序本身对数据大小也有限制不能超过1M。 实例代码 // 1: 初始一个list存储列表数据 data startList // 2: 监听滚动事件滚动到底部获取新数据并追加到list尾部,最后重新setData onReachBottom:(){const {list} this.datajsfetchNewData().then((res){list.push(res.list);this.setData({list}) // 数据更新操作注意的重点} }利用setData数据路径优化可以通过数据路径的写法来将数据分批的传输到视图层中减少一次性setData的数据大小。具体写法如下 // 1.通过一个二维数组来存储数据 let feedList [[array]]; // 2.维护一个页面变量值加载完一次数据page let page 1 // 3.页面每次滚动到底部通过数据路径更新数据 onReachBottom:(){fetchNewData().then((newVal){// 利用数据路径分批设置数据进行传递this.setData({[feedList[ (page - 1) ]]: newVal,})} } // 4.最终我们的数据是[[array1],[array2]]这样的格式然后通过wx:for遍历渲染数据到这里也就结束了希望对您有所帮助。
http://www.huolong8.cn/news/49288/

相关文章:

  • 新余网站开发阿里云域名注册步骤
  • 长沙建网站理国内 上市网站建设公司
  • 类似头条的网站怎么做网站做关键词库的作用
  • 网站建立方案天津建设工程信息网公布
  • 南昌网站建设设计住房城乡建设部官网站
  • 网站素材网龙岩兼职招聘最新发布
  • 网站商城建设方式做报名链接的网站
  • 初创公司 建网站做矿产公司的网站
  • 海南省建设培训网站报名好网站用户体验
  • 网站建设电话销售技巧沧州全网推网络科技有限公司
  • 上海网站建设-新闻动态南宁工程建设网站有哪些
  • 建站语言门户网站流程图
  • 网站后台报表统计系统Wordpress编辑工具
  • 潍坊做网站公司找外国女朋友的网站建设
  • 网站ie兼容性网站建设 虚拟化
  • 网站建设后台 手工上传网站制作与建设
  • 微网站建设讯息网站投资多少钱
  • 科技网站配色方案cms系统的优点
  • 创业网站模板做普通网站选择什么服务器
  • 怎么导入网站源码设计师网上接单被骗
  • 做视频网站挣钱吗简单网页模版
  • 织梦做的网站怎么传到网上工程承包合作协议书
  • 用ps做网站主页永清网站建设
  • 电子商务网站建设学什么建筑设计作品展示网站
  • 供求信息网站开发背景旅游网站首页设计图片
  • 建网站首选公司网上销售平台怎么做
  • 可以做一键拨号和导航的网站网页前端设计流程
  • 用微信微博网站来做睡眠经济seo关键词推广方式
  • 360网站建设搜索专业网站制作设
  • wordpress视屏站WordPress缩略图短代码