随笔分类 - 微信小程序
分享关于微信小程序的一些技巧
摘要：1，前言 最近开发小程序时候碰上了一个问题，当发布新版本小程序后，需要用户能赶紧用上最新的，避免出问题。查了一下官方文档，总结出几个情况如下： 微信运行时，会定期(24小时内)检查最近使用的小程序是否有更新（黄花菜都凉了） 用户长时间未使用小程序时，会强制同步检查版本更新（对于使用频率高的小程序没P
阅读全文
摘要：1，前言 最近在做IOT的项目，里面有个小程序要用到webSocket，借这个机会，封装了一个uniapp小程序适用的Socket类，包括断线重连，心跳检测等等，具体实现如下。 2，代码实现 class webSocketClass { constructor(url, time) { this.u
阅读全文
摘要：1，前言 最近在做IOT的项目，里面有个小程序要用到AP配网，和设备做一个局域网通信。可是小程序会做安全域的校验，而局域网只能是http的协议，并且局域网没有外网（无法百度等上网冲浪），在手机没有3g/4g/5g网络下，通信可以正常进行吗？所以我做了一个调研。 2，相关资料 小程序官网原文如下： 基
阅读全文
摘要：(目录) 1，前言 这次项目中做了一个图片上传，要求是大于2MB的就压缩成2MB一下的再上传，我这边利用了uniapp的文件接口，使用canvas做了一个压缩上传的功能，目前已上线，使用无问题。 2，实现代码 定义canvas <canvas canvas-id="imgCanvas" class=
阅读全文
摘要：(目录) 1，前言 项目中碰到一个需求，搜索数据并且关键词要高亮显示，接到需求，马上开干。先上效果图。源码已经做成了小程序代码片段，放入了GitHub了，文章底部有源码链接。 2，思路 博主第一时间想到的就是使用split，根据搜索的关键词，处理后台返回的数据，然后indexOf找到关键字，给每个字
阅读全文
摘要：(目录) 1，前言 和css3动画不同，小程序中动画是主要是通过js控制的，简单来说就是创建一个动画实例animation。调用实例的方法来定义动画效果。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。 2，属性 首先需要通过wx.createAnimation，创
阅读全文
摘要：(目录) 1，前言 分享一个完整的微信小程序自定义Tabbar，tabbar按钮可以设置为跳转页面，也可以设置为功能按钮。懒得看文字的可以直接去底部，博主分享了GitHub地址。 2，说明 由于微信小程序自带的Tabbar功能比较单一，比如要做到中间是一个突出的圆形扫一扫按钮，就需要自定义Tabba
阅读全文
摘要：(目录) 1，前言 分享一个完整的微信小程序支付流程中，前端要做的模块。 2，流程 在调用wx.requestPayment之前，需要准备一些参数，流程如下 1，调用 wx.login() 获取 临时登录凭证code ，并调用wx.request回传到服务端。 2，服务端调用 auth.code2S
阅读全文
摘要：(目录) 1，前言 在开发微信小程序的过程中，避免不了和服务端请求数据，微信小程序给我们提供了wx.request这个API，调用方法如下 wx.request({ url: 'www.baidu.com', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, head
阅读全文
摘要：(目录) 1，起因 哪天，正在蚂蚁森林疯狂偷能量的我被boss叫过去，告知我司要做一个线上直播公开课功能的微信小程序，博主第一次写小程序，复习了下文档，看了看腾讯云直播sdk，开工了。 写着写着就发现不对劲了， 这里面wx.showToast，wx.showModal，这一类的调用太多了，每次都写一
阅读全文
摘要：(目录) 1，前言 最近在写小程序，用到了wx.uploadFile方法，发现这方法居然不支持同时上传多个文件，于是自己写了一个上传多个的方法。 2，需求 博主做的是用户投诉页面；需求是用户上传最多三张图片，最后把图片和文字和用户信息等一起提交给服务器； 3，解决思路 博主的解决思路是定义一个递归函
阅读全文
