微信小程序解决上滑多次加载重复内容的问题

Zero零分 笔记 1,901 0 6个月前

突然觉得,在小程序内,没有true和false解决不了的问题!

今天在写微信小程序的时候,下拉会出现多次加载的问题,而且内容还是一样。

因为通过手滑的时候,难免会滑多次!折腾了很久,才发现,一样可以用true和false来解决问题!

滚动是用scroll-view(view的原理一样)

1、在上滑的时候会触发一个加载数据的function,所以在触发加载数据function前加入一个判断!判断true是触发加载数据,否则不触发!

2、在加载数据的function中加入一个设置函数。加载开始时设置为false,当数据加载完后,重新设置为true。

这样,在数据加载时,就无法再次触发上滑加载,当数据加载完后,滚动条已经距离底部有一段距离了。

如果需要再次触发,还需要滚动到底部!

 

发布:2021-11-12 16:22:30
标签:
链接:https://blog.32xp.com/wechat-loading.html
END

wordpress结合微信小程序API接口开发构想

wordpress结合小程序插件百度搜索下已经都有现成的,一般都是结合 WordPress API 插件给小程序提供JSON数据接口! 像文章内有带图片,视频元素的,无法直接在小程序内显示 小程序代码示例: 之前一直考虑在小程序内处理文章数据,感觉比较累!是否可以通过数据源上处理? WordPress上读取的文章,几乎都是用P标签分割段落和图片,视频,即,即便是图片img标签也会被P标签包裹!在读取的文章中以P标签分割,重组数组 类似: array=array( "type"=>"txt",//例如:txt:文本,img:图片,video:视频... "content"=>"内容"//如果是图片或者视频,直接写提取地址 ); 小程序读取文章数据时,循环数组,用type判断是文章还是图片又或是视频 剩下的就是小程序内样式
笔记 ·

微信小程序开发新版本检测、网络请求、json格式判断封装

微信小程序开发新版本检测、网络请求、json格式判断封装,放在APP.JS App({}) 里,方便各个页面调用 1、小程序新版本检测 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 if (res.hasUpdate) { updateManager.onUpdateReady(function () { wx.showModal({ title: '更新提示', content: '新版本已经准备好,是否重启应用?', success: function (res) { if (res.confirm) { updateManager.applyUpdate() } } }) }) updateManager.onUpdateFailed(function () { // 新的版本下载失败 wx.showModal({ title: '已经有新版本了哟~', content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~' }) }) } }) } 2、网络数据请求 request: function (url, data = false, callback) { wx.request({ url: url, data: data, method: 'POST', header: { "Content-Type": "application/x-www-form-urlencoded" }, success: function (res) { if (res.statusCode != 200) { return callback && callback(false); } else { return callback && callback(res.data); } }, fail: function (res) { return callback && callback(false); } }) } 页面调用: app.request(url, false, (res) => {}) 3、JSON格式检测 isJson: function (string) { try { if (typeof JSON.parse(string) == 'object') { return true; }else{ return false; } } catch (e) { // console.log(e); return false; } }
笔记 ·

百度AI语音演示接口后获取的音频流处理

百度之前的演示接口是:type=tns&per=4100&spd=5&pit=5&vol=5&aue=6&tex=,直接get请求,在文章转语音时直接在后面加入文字就可以输出! 今天看了下,发现改了。改成了post请求,另外还会判断来源Referer。 也不知道是什么时候改版的!博客的文章语音输出全部失效。 用接口获取到的,也都是音频流。 PHP,用64位处理下解码,直接输出音频! 接口:https://plug.32xp.com/baidu/mp3/?txt=这里输入文字! 好像目前还没有过多的限制,目前还能获取到。接口暂时就用成熟女声!
笔记 ·

win7无法查看gif动画图解决插件Image_Viewer_for_Windows_7

win7,只能通过浏览器查看GIF动画图,很多时候不方便,如不想安装其他图片查看器的话,可以考虑安装Image_Viewer_for_Windows_7插件,直接查看GIF动图!似乎是从XP上移植过来的! 下载地址:(Image Viewer for Windows 7 百度网盘下载) 安装也很方便,直接运行,Next,Install就可以! 安装好之后,正常都可以直接双击GIF动图查看! 如还是无法运行,右键GIF动图–打开方式–选择“照片库查看器”,或者直接默认程序–选择“照片库查看器” 下载地址:(Image Viewer for Windows 7 百度网盘下载)
笔记 ·

win7 视频无法预览图片(文件夹内不显示略缩图)

win7所有视频格式都不显示缩略图的解决方法:安装视频解码器 下载一个解码器,比如Advanced Codecs、K-Lite_Codec_Pack等,以“K-Lite_Codec_Pack”为例,大家可以百度搜索一下,下载后在进行安装即可
笔记 ·
Zero零分
站龄14年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
474
文章
26
评论
27
分类
839
标签
7
友链
onlinelovesky 317355746 122551965@qq.com

百度广告