
微信小程序
灬风吹雨
这个作者很懒,什么都没留下…
展开
-
微信小程序获取不到unionId的各种情况
官方文档地址:点击查看。前提:使用微信小程序登录获取unionId需要完成微信开放平台认证,地址https://open.weixin.qq.com/,完成认证后前往管理中心–小程序–绑定小程序完成绑定认证。使用微信小程序获取unionId大致可以分为两种情况。1、方法一参考官方地址:点击查看,用户只需要通过wx.login()方法获取路径中所需的js_code即可,小程序前端不能如果直接使用官方请求地址,需勾选不校验合法域名,但只能在开发环境中查看,不能应用于线上,应用于线上需在后端配置请求该方法原创 2021-03-10 15:50:17 · 7674 阅读 · 0 评论 -
h5跳转微信小程序
参考链接:https://developers.weixin.qq.com/community/develop/doc/000ae2a7a7c9402a4d8bca2875b409之前使用官方和查询到的云函数写法都有不明的错误,这里引用上方的链接的方法得以实现。上方法中使用的是自己封装的js方法,只需直接传参便能实现。但是修改样式有些不方便,这里在官方的方法上进行了修改。git链接:git@gitee.com:yzhaof/h5-jump-applet.git。将里边"填写信息"的地方修改成个人对应原创 2021-02-05 11:13:07 · 502 阅读 · 2 评论 -
小程序获取手机状态栏高度
小程序获取手机状态栏高度获取高度let res = uni.getSystemInfoSync();res.statusBarHeight即为状态栏高度使用获取状态栏高度为单位为px,小程序中一般使用rpx,这里可以做转换处理。res = (res.statusBarHeight + 44)/(uni.upx2px(res.statusBarHeight + 44)/(res.statusBarHeight + 44))这里默认自定义导航栏高度为44,可自行定义。若使用吸顶操作,res即为吸顶原创 2021-01-19 11:39:22 · 1342 阅读 · 0 评论 -
微信小程序云开发入门基础操作
1、项目创建创建项目,填写基本信息,不勾选使用云开发技术,勾选时项目创建会携带一些官方文档。点击云开发创建云开发环境。2、配置云函数目录在project.config.json 文件中使用 cloudfunctionRoot字段,并在相应位置创建云函数文件夹。配置成功时相应文件夹会变更为云函数文件夹样式。初始化云开发环境,app.js,env对应创建按的环境id。右键云函数目录文件夹-当前环境,能切换当前配置环境(如有多个时)。3、基本的增删改查在云开发控制台,数据库中创建集合(数据库)原创 2020-12-10 14:51:23 · 413 阅读 · 0 评论 -
组件中对象传值
数据加密let data = { a: a, b: b}//定义对象数据data = JSON.stringify(data)//转换数据格式,直接加密无法正常解密data = escape(data)//数据加密数据解密let data = unescape(this.$route.query.data)//数据解密data = JSON.parse(data)//转换为对象数据附:js获取导航栏键名对应的数据//获取导航栏参数function getUrlParam (n原创 2020-11-25 13:30:06 · 261 阅读 · 0 评论 -
微信小程序实现瀑布流布局
瀑布流布局主要将大小不一的图片按等宽格式向下铺满。先分析,主要实现方式可以是将左右两列划分为两个数组存储图片,每次添加图片时判断两侧高度,并将图片添加到高度较低的数组中。微信小程序获取对象高度可通过wx.createSelectorQuery()方法来实现,官方地址。 query = wx.createSelectorQuery(); query.select('#left').boundingClientRect(); query.exec((res) => { .原创 2020-11-21 09:53:09 · 1375 阅读 · 0 评论 -
微信小程序退出重新进入时跳转特定页面
微信小程序退出时会记录当前页面的状态,短时间内再次进入会显示退出前的状态。解决方案:在app.js文件中添加onHide方法,onHide方法监听小程序切后台,在app.js文件中使用会在每次程序退出时调用。onLaunch: function () { //添加全局的判定条件,如自动登录的跳转}onHide: function () { //调用上方方法,在程序关闭时按条件跳转相应页面,下次启动时则会跳转指定页面}...原创 2020-10-24 10:29:56 · 4623 阅读 · 0 评论 -
微信小程序向下加载更多
小程序中向下加载可通过scroll-view来实现,scroll-view用法官方链接https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html。 <scroll-view class="main" scroll-y="false" bindscrolltolower="bottom"> //scroll-view需设定高度,内部元素超出滚动,可通过设定scroll-y="false" 来隐藏滚动原创 2020-10-23 17:21:18 · 458 阅读 · 0 评论 -
微信小程序图片本地缓存显示问题
在微信小程序开发的图片引用中,会出现服务器端的图片已经改变,而前端引用显示的图片却还是改变之前的图片,这是因为在图片显示时小程序会缓存显示图片和对应的路径,再次显示该路径的图片时会先从本地查找,存在时显示本地缓存的图片,在经过一段时间之后才会更新为最新图片。解决方法:在前端页面显示的引用路径中添加参数。只是在显示路径中添加,不改变服务端图片路径,?添加参数,可以是随机数时间戳等,避免引用缓存数据。this.setData({ src: 图片路径 + '?' + Math.random() / 999原创 2020-10-12 09:18:01 · 1938 阅读 · 0 评论 -
微信小程序图片上传又拍云路径优化2
前端又拍云上传操作流程可查看:https://blog.youkuaiyun.com/a_115098/article/details/108752649。上边的方法采用的当前时间为层级目录加图片md5值进行划分处理,这种结构使图片路径分层比较清晰,相同图片只需添加一张就可以共用,这里用的是第二种路径方法。面对用户个体,将一个用户的特定值做一个文件夹,不同位置的图片以位置为名称加.png等后缀命名,这种方法只需用户在调用某部分的上传图片功能时将位置信息作变量传入进行命名即可。这种路径命名方法的好处是便于查看管理,原创 2020-09-27 16:14:41 · 352 阅读 · 0 评论 -
微信小程序前端使用又拍云存储上传图片
目录一、前端引用二、优化调整一、前端引用参考链接:又拍云小程序sdk。引用sdk.js文件到目录中,这里代码不需要改动。function Upyun (options) { this.bucket = options.bucket this.operator = options.operator this.getSignatureUrl = options.getSignatureUrl}Upyun.prototype.upload = function (options) {原创 2020-09-23 15:25:36 · 928 阅读 · 0 评论 -
微信小程序接口事件封装
1、config.js全局配置文件创建config.js全局配置文件,文件可以用来存放小程序版本、开发生产环境、公用路径等配置信息。var wxconfig = new Array()wxconfig['apiurl'] = "接口路径"wxconfig['imgurl'] = "图片路径"wxconfig['appid'] = "appid"wxconfig['secret'] = "secret"export default wxconfig2、接口封装文件http.js封装接口请原创 2020-09-10 15:58:55 · 358 阅读 · 0 评论 -
微信小程序获取手机号并解密详解
微信小程序获取手机号并解密1 获取手机号2 解密2.1 获取所需数据2.2 解密返回数据1 获取手机号获取手机号的过程官方文档有详细的介绍。参考官方链接要注意的是,此功能只对非个人且完成认证的开发者开发,个人开发者无法使用该功能。获取微信用户绑定的手机号,需先调用wx.login接口。//wxml文件使用button按钮触发获取手机号事件,open-type="getPhoneNumber" 不能少<button open-type="getPhoneNumber" bindgetphone原创 2020-09-09 17:23:44 · 16738 阅读 · 16 评论