微信小程序
a_靖
大前端,全栈工程师
展开
-
微信开发者工具的云开发打不开,微信开发者工具云开发打开白屏解决方法
简单的两个步骤解决微信开发者工具的云开发打不开,微信开发者工具云开发打开白屏的问题原创 2024-03-08 14:34:19 · 240 阅读 · 0 评论 -
该微信用户未开启“公众号安全助手”的消息接收功能,请先开启后再绑定解决操作步骤
该微信用户未开启“公众号安全助手”的消息接收功能,请先开启后再绑定 解决方法原创 2024-02-26 15:00:58 · 322 阅读 · 0 评论 -
样式集-发布,发表页面完整代码及示意图
微信小程序发布,发表页面完整代码及示意图原创 2024-01-15 15:47:35 · 934 阅读 · 0 评论 -
微信商户号证书和密钥设置详细教程
微信支付实现之商户号证书和商户号密钥申请,得到商户号 cert_pem 文件和 key_pem 和商户号密钥原创 2024-01-02 11:05:31 · 1685 阅读 · 0 评论 -
网页和小程序实现放大预览富文本中的图片
实现用户点击富文本中的某个图片,进行放大预览、保存富文本内容中的某个图片原创 2023-12-29 16:47:07 · 1073 阅读 · 0 评论 -
小程序+Php获取微信手机号
微信小程序获取手机号原创 2023-10-08 19:31:06 · 1580 阅读 · 0 评论 -
微信小程序:服务器请求、上传图片和提交表单开发完整代码实例
本文探讨了如何通过微信小程序实现服务器请求、上传图片并展示,以及提交表单的完整开发示例。微信小程序已成为一个备受欢迎的移动应用开发平台,开发者可以借助其便捷的功能和交互性,创建各种类型的应用。文章详细介绍了创建微信小程序的步骤,包括服务器请求数据的方法,上传图片并在小程序中展示的实现,以及提交表单数据的过程。通过阅读本文,读者将了解如何运用这些关键技术,为微信小程序开发增添更多的交互性和实用性。这是一篇适合初学者入门微信小程序开发的指南,同时也对有经验的开发者提供了有用的示例代码和技巧。原创 2023-09-01 15:53:32 · 2742 阅读 · 0 评论 -
uniapp video组件禁止进度条拖动实现完整代码
2.视频播放完成后触发奖励。1.禁止拖动进度条快进。原创 2023-05-17 18:57:32 · 3588 阅读 · 4 评论 -
微信小程序获取头像昵称,限制头像大小
微信小程序获取头像昵称,限制头像在2M以内,微信小程序获取文件大小原创 2022-11-23 18:46:21 · 2497 阅读 · 0 评论 -
微信小程序使用npm教程
小程序使用npm 和发布npm 教程原创 2022-11-18 11:10:38 · 10162 阅读 · 1 评论 -
小程序自定义底部导航 custom-tab-bar完整实现代码附效果图
根据用户身份动态设置底部的导航图标完整示例代码附效果图,小程序自定义底部导航 custom-tab-bar完整实现代码附效果图原创 2022-11-15 17:16:52 · 4275 阅读 · 1 评论 -
小程序授权头像昵称改为头像昵称填写能力详解
微信小程序获取用户头像昵称变为微信用户和默认头像的解决办法,微信小程序获取用户头像昵称更新原创 2022-11-15 11:40:14 · 3217 阅读 · 0 评论 -
样式集(13)自定义picker滚动选择器样式
自定义picker滚动选择器样式,样式可以随意修改,运行环境支持H5,小程序,APP原创 2022-08-08 14:59:40 · 2128 阅读 · 0 评论 -
云朵左右移动循环动画实现(H5和小程序通用)
云朵在页面左右循环移动动画实现示例图加完整源码,可自己设置云朵飘动的速度和距离。原创 2022-07-08 11:24:46 · 2258 阅读 · 0 评论 -
config:invalid signature 解决办法和问题排查详解
invalid signature 问题排查及解决办法原创 2022-07-05 10:41:18 · 41841 阅读 · 10 评论 -
uniapp图片放大缩小预览,并支持图片拖动附效果图
uniapp或者小程序实现图片预览放大缩小并可以拖动原创 2022-06-07 15:13:15 · 11048 阅读 · 5 评论 -
小程序根据地址信息获取经纬度导航功能实现
小程序根据地址描述文字进行导航原创 2022-06-01 15:02:50 · 3210 阅读 · 0 评论 -
微信小程序云开发随机分页获取数据
实现功能:微信小程序云开发随机分页获取数据,每次获取20条数据,数据全部打乱获取实现代码:db.collection('phoneList2') .aggregate() .sample({ size: 20 }) .end() .then(res => { console.log('搜索结果', res.list) }) ...原创 2022-05-29 23:25:40 · 1904 阅读 · 2 评论 -
微信小程序路线规划导航,选择起点和终点路线规划
效果图:实现:先添加插件微信小程序插件 | 腾讯位置服务腾讯位置服务路线规划 | 小程序插件 | 微信公众平台在app.json添加插件:"plugins":{"routePlan":{"version":"1.0.19","provider":"wx50b5593e81dd937a"}}代码:// pages/discovery/index.jsconst app = getApp(...原创 2022-04-18 23:05:18 · 4971 阅读 · 2 评论 -
微信小程序全局监听路由变化
小程序有一个API可以侦听全局路由跳转原创 2022-03-01 18:23:31 · 3662 阅读 · 2 评论 -
小程序生成网址链接,网址链接跳转小程序
登录小程序后台,点击右上角的工具,生成小程序URL Scheme,可以得出一个weixin://dl/business/?t=bAXXXXX 这样的链接,点击就可以调整到小程序拉,但是这种只能在微信打开哦。原创 2021-09-15 12:02:37 · 8966 阅读 · 1 评论 -
小程序保存网络图片
小程序保存网络实现流程:1.把图片下载到本地2.检查用户的授权状态(三种状态:未授权,已授权,未同意授权),判断是否授权保存图片的能力,如果是用户点击了不同意授权给小程序保存图片的能力,需要打开微信的设置页面,让用户点击打开授权,如果未授权或者已授权,就直接调用保存图片的接口就好了实现代码:wx.downloadFile({ url: this.img, success: function(res) { console.log(res);原创 2021-08-25 18:02:05 · 2071 阅读 · 0 评论 -
小程序画布画海报保存成图片可以保存实现完整代码
老规矩先来个效果图:因为是截图所以会有些模糊,在真机上会比较清晰下面针对效果图来看看里面都画了什么元素,代码在文章的最后,大家想直接拷代码可以略过这,这里是方便大家理解代码。首先,咱们的海报有几个组成部分,这里海报图片不包括右上角的X和透明黑色背景,还有底部的保存海报,单拎出来用户要保存的图片,也就是画布保存导出的图片,这个海报由以下几部分组成:1 封面(就是这个美女的照片),2 提示符 # 号3 文章标题4 文章内容5 虚线6 海报的描述7 二维码图片..原创 2021-07-09 15:50:22 · 1887 阅读 · 2 评论 -
小程序在用户分享后显示弹窗,判断分享完成后执行代码
在小程序里面,用户分享是有函数可以实现的,但是你怎么知道用户什么时候完成分享的操作呢?来看解决的代码, data:{ is_share_show:false }, onShow() { if(this.is_share_show == true){ this.is_share_show = false uni.showToast({ title:'组队成功后将开始竞答', icon:'none'原创 2021-05-14 14:15:10 · 3320 阅读 · 0 评论 -
小程序在canvas上层做图片滚动
实现该功能踩过的坑1.swiper的swiper-item中image图片无法在canvas的上层显示,会被canvas 覆盖2.swiper的swiper-item 里面放cover-image 会样式错乱3.scroll-view里面放cover-image 会样式错乱解决方案:使用CSS样式实现,超出部分隐藏,显示滚动条 <cover-view class="popupCrad"> <cover-image class="popupCrads"..原创 2021-05-11 15:11:25 · 1825 阅读 · 0 评论 -
微信小程序获取用户信息更新解决方案
我的解决方式是两个登录授权一起用,因为只用getUserProfile 的话,后端登录接口会解密失败导致获取不到用户ID,只用getUserInfo 的话又获取不到用户头像,经过几天的调试,终于找到一个解决方案,后续如果getUserProfile可以直接用了,我再完善吧。直接上代码 <button style='background-color:#04be01;width:500rpx;height:80rpx;border-radius:80rpx;color:#fff;marg..原创 2021-04-07 12:43:31 · 2854 阅读 · 0 评论 -
小程序登录、用户信息相关接口调整说明
为优化用户的使用体验,平台将进行以下调整:2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID 2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能原创 2021-04-06 21:38:24 · 2342 阅读 · 1 评论 -
js根据经纬度取随机附近经纬度
实现功能:小程序根据当前经纬度得出随机的附近经纬度显示在地图上做标记点,效果图实现代码// map.jsvar app = getApp()var mymap = '';var lat = '';var long = '';var that;function latlog(lat, lon, d = 1,d2=3) { var angle = Math.random(1, 360); var nd=Math.random(d,d2); var suiji=pars原创 2021-03-27 22:58:26 · 3188 阅读 · 2 评论 -
无限循环动画实现
先来个效果图示例代码是先缩小移动,然后无限循环左右晃动,希望能够帮助到你,点个赞吧~实现代码 var animation, that; data() { return { animationData: {}, animation: {}, } }, onLoad(option) { that = this animation = uni.createAnimation({}) this.runAnimation() },原创 2021-03-23 11:14:28 · 3036 阅读 · 0 评论 -
小程序判断屏幕是长屏还是短屏手机,iPhone X 类型还是 iPhone 6类型
直接看代码 onLaunch: function(e) { /**判断屏幕大小 */ var judgeBigScreen = () => { let result = false; const res = wx.getSystemInfoSync(); const rate = res.windowHeight / res.windowWidth; let limit = res.windowHeight == res.screenHeight原创 2021-03-19 13:33:11 · 2144 阅读 · 0 评论 -
小程序 wxml里时间戳转日期
步骤一:在utils文件夹里添加名为filter.wxs的文件(命名可以随便),filter.wxs里写下面的代码:<!--filter.wxs-->var formatNumber = function (n) { n = n.toString() return n[1] ? n : '0' + n}/*** 将时间戳(1570550400)格式转为 yyyy-MM-dd格式*/var formatDate = function (datetime) {...原创 2021-03-06 17:22:31 · 2168 阅读 · 0 评论 -
小程序开发卡券
前期准备小程序内领取卡券 1.开发者须有一个有卡券权限的公众号(服务号)和认证后的小程序账号; 2.开发者须申请一个开放平台账号,并将小程序和公众号绑定在同一个开放平台账号下,关于开放平台的介绍请参照:微信开放平台; 3.阅读卡券接口说明和创建卡券接口,创建卡券并获得card_id(不知道为什么微信这里只提供了接口生成卡券,明明服务号也是必备的也可以在界面上生成卡券,却没有告诉,当然自己后台调用接口生成卡片可以有更多的自定义,服务号上我个人认为是提供了几种默认的样式和配置);具体调用由于我其原创 2021-02-27 22:26:40 · 3018 阅读 · 0 评论 -
小程序输入框上推页面不上推
样式问题,把样式去掉就行原创 2021-02-26 20:26:52 · 1986 阅读 · 1 评论 -
小程序云开发实现微信支付完整代码
老规矩,先看本节效果图我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。核心代码就下面这些一,创建一个云开发小程序关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528创建云开发小程序有几点注意的1,原创 2021-02-21 12:39:23 · 4725 阅读 · 2 评论 -
uniapp 下拉刷新和上拉加载更多
uniapp 下拉刷新和下拉加载更多实现代码,兼容小程序,H5,app,真机测试可用。实现代码1.在页面写这两方法,分别是下拉刷新和下拉触底的监听事件 // 下拉刷新 onPullDownRefresh() { console.log('下拉刷新') setTimeout(() => { console.log('下拉刷新停止') uni.stopPullDownRefresh() },5500) }, // 上拉加载 onReachB原创 2021-02-05 10:39:38 · 5082 阅读 · 0 评论 -
uniapp自定义导航栏样式,自定义导航栏组件使用说明,兼容小程序和H5及各端
1. 使用colorui UI库下载coloruiui库-[github](https://github.com/weilanwl/ColorUI);下载好之后放在components 目录2.在 components 目录创建tabbar.vue 文件,里面代码是:<template> <view class="cu-bar tabbar bg-white shadow foot"> <view class="action" @click="...原创 2021-01-04 18:57:59 · 4891 阅读 · 0 评论 -
大转盘完整源码附效果图,可以下载直接用
本代码是使用 uni-app 实现的。可以在小程序或者H5,各端兼容使用效果图:源码:<template> <view class="page"> <canvas style="width: 300px; height: 300px;" canvas-id="myCanvas"></canvas> <image mode="widthFix" class="bgImg" :src="bgImg"></image&g原创 2020-12-28 18:06:29 · 4247 阅读 · 0 评论 -
小程序实现瀑布流,获取图片高度分成两组数据的函数封装代码
把一个数组根据数组内部的图片的高度,拆分成两个数组,组成瀑布流数据的方法。使用方式:async created() { var arr = this.$mock.sssdata.data.lists; //arr 是一个数组,里面包含若干对象,对象里面有图片 var myArr = await this.getArrImgHeight(arr,'faceimg') //调用我封装的方法,图片属性是faceimg console.log('myArr',myArr)},原创 2020-12-23 19:29:46 · 2014 阅读 · 0 评论 -
随机位置显示图片不重叠前端实现详细讲解附效果图,代码可直接使用
先看看效果图所要实现的功能看看代码js代码讲解:下面看看完整代码吧所要实现的功能在页面上随机的位置显示随机大小的图片,并且每个图片不能重叠,完整实现代码。看看代码注:该代码是在微信小程序写的demo,因为没有使用框架的API,所以该代码的逻辑在h5或者小程序,任何地方都适用。js代码讲解:list(初始化的数组) 和 arr(在初始化的基础上加上了随机定位的数据和随机的宽高) 是界面要遍历的数组,决定图片渲染数量,这个值也可以改成从后端获取。最终的数据格式max 是图片最大值,min原创 2020-12-18 15:53:54 · 5918 阅读 · 1 评论 -
翻页效果实现,小程序,H5,翻书效果
本代码是实现小程序的左右滑动,点击翻书的效果,改改在H5也可以用。效果图:实现代码: <image class="item_0" src="{{imageList[turnPage]}}" catchtouchstart='touchStart' catchtouchend="touchEnd"></image> <image class="item_1" src="{{imageList[turnPage+1]}}" catchtap="ccccc"&原创 2020-11-10 14:54:05 · 7847 阅读 · 9 评论