首页 > 代码库 > 解决上滑过程中数据重复的问题
解决上滑过程中数据重复的问题
问题:最近在做微信小程序的某个项目,手机屏幕上,手指上滑加载更多数据的时候,老是出现重复的数据。
解决方案:状态锁和函数节流。
原理:在向服务器请求数据的时候和接收返回的数据,改变某个变量的状态以及延迟函数的执行。
具体代码:
var moreStatus=false; var timeoutId=null; performProcessing: function(){ if(!moreStatus){ moreStatus=true; // 开始向服务器请求数据代码,成功向服务器请求数据之后,改变moreStatus状态 moreStatus=false; } }, process: function(){ clearTimeout(timeoutId); timeoutId = setTimeout(function(){ performProcessing(); }, 100); }
解决上滑过程中数据重复的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。