微信小程序
文章平均质量分 76
关于微信小程序的一些知识点
鹏多多.
接受失败,但绝不选择放弃!
展开
-
cll创建的uniapp小程序动态更改manifest.json
事情的起因是这样的,项目是用cli搭建的uni-app小程序。申请了两个appid,一个用作开发人员调试使用,体验版和正式版都是dev环境。一个体验版是测试环境或者beta环境,而正式版是线上环境。原创 2022-11-08 10:52:15 · 1732 阅读 · 2 评论 -
微信小程序检查版本更新并重启
最近开发小程序时候碰上了一个问题,当发布新版本小程序后,需要用户能赶紧用上最新的,避免出问题。总结出几个情况如下原创 2022-08-15 11:49:54 · 4826 阅读 · 4 评论 -
uniapp小程序webSocket封装、断线重连、心跳检测
最近在做IOT的项目,里面有个小程序要用到webSocket,借这个机会,封装了一个uniapp小程序适用的Socket类原创 2022-06-06 10:08:55 · 3491 阅读 · 5 评论 -
微信小程序AP配网局域网通信
最近在做IOT的项目,里面有个小程序要用到AP配网,和设备做一个局域网通信。原创 2022-05-30 11:37:00 · 2492 阅读 · 1 评论 -
uniapp小程序图片前端压缩上传
这次项目中做了一个图片上传,要求是大于2MB的就压缩成2MB一下的再上传,我这边利用了uniapp的文件接口,使用canvas做了一个压缩上传的功能,目前已上线,使用无问题原创 2022-03-28 10:34:17 · 3520 阅读 · 1 评论 -
微信小程序实现搜索关键词高亮
目录1,前言2,思路3,代码逻辑1,前言项目中碰到一个需求,搜索数据并且关键词要高亮显示,接到需求,马上开干。先上效果图。源码已经做成了小程序代码片段,放入了GitHub了,文章底部有源码链接。2,思路博主第一时间想到的就是使用split,根据搜索的关键词,处理后台返回的数据,然后indexOf找到关键字,给每个字添加deep字段,deep为true,则高亮,为false,则正常。由于是小程序,所以楼主直接做成了一个高亮组件,代码很简单,实现步骤如下。3,代码逻辑模拟数据如下list:[原创 2021-03-29 13:40:07 · 1029 阅读 · 0 评论 -
微信小程序Animation动画的使用
目录1,前言1,前言和css3动画不同,小程序中动画是主要是通过js控制的,简单来说就是创建一个动画实例animation。调用实例的方法来定义动画效果。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。...原创 2021-03-15 17:17:46 · 5686 阅读 · 2 评论 -
微信小程序自定义Tabbar,附详细源码
目录1,前言2,说明3,核心代码1,前言分享一个完整的微信小程序自定义Tabber,tabber按钮可以设置为跳转页面,也可以设置为功能按钮。懒得看文字的可以直接去底部,博主分享了小程序代码片段和GitHub地址。2,说明由于微信小程序自带的Tabber功能比较单一,比如要做到中间是一个突出的圆形扫一扫按钮,就需要自定义Tabber了。博主创建了一个Tabber组件,自己写的样式,在需要用到的页面引入组件。组件使用了position: fixed定位到底部,所以在用到组件的页面,需要给page原创 2021-03-08 15:02:10 · 728 阅读 · 1 评论 -
前端调用微信小程序的支付流程
目录1,前言2,流程3,参数说明4,具体代码1,前言分享一个完整的微信小程序支付流程中,前端要做的模块。2,流程在调用wx.requestPayment之前,需要准备一些参数,流程如下1,调用 wx.login() 获取 临时登录凭证code ,并调用wx.request回传到服务端。2,服务端调用 auth.code2Session 接口,换取用户唯一标识 OpenID 和 会话密钥 session_key。3,前端拿到服务端返还的参数后,调用wx.requestPayment。下面是我画原创 2021-02-02 09:37:40 · 3220 阅读 · 2 评论 -
微信小程序request请求的封装
目录1,前言2,实现思路3,实现过程3.1,request的封装3.2,api的封装4,实际使用1,前言在开发微信小程序的过程中,避免不了和服务端请求数据,微信小程序给我们提供了wx.request这个API,调用方法如下wx.request({ url: 'www.baidu.com', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json'原创 2021-01-18 14:21:42 · 1915 阅读 · 1 评论 -
微信小程序API交互的自定义封装
目录1,起因2,优化成果3,实现思路4,完整代码1,起因哪天,正在蚂蚁森林疯狂偷能量的我被boss叫过去,告知我司要做一个线上直播公开课功能的微信小程序,博主第一次写小程序,复习了下文档,看了看腾讯云直播sdk,开工了。写着写着就发现不对劲了, 这里面wx.showToast,wx.showModal,这一类的调用太多了,每次都写一遍太特么麻烦了,就拿wx.showToast做例子,产品要求是duration为2000ms,默认值是1500ms,且有时候不需要icon图标,有时候又需要,所以每次都要原创 2021-01-16 15:30:15 · 568 阅读 · 0 评论 -
微信小程序实现上传多张本地图片到服务器和图片预览
前言:最近在写小程序,用到了wx.uploadFile方法,发现这方法居然不支持同时上传多个文件,于是自己写了一个上传多个的方法;楼主做的是用户投诉页面;需求是用户上传最多三张图片,最后把图片和文字和用户信息等一起提交给服务器;楼主的解决思路是定义一个递归函数,递归调用wx.uploadFile上传,全部完成后结束递归,代码如下;this.data里的数据/*** 页面的初始数据*/data: { imgs:[],//上传图片列表 imgPath:[],//已上传成功的图片路径},原创 2020-12-11 14:43:28 · 796 阅读 · 1 评论