微信小程序中图片链接缓存问题如何解决
摘要：背景描述： 更换阿里云上面的图片库，打开小程序后，发现界面展示的图片还是旧图片。 原因： 是由于缓存导致的。 解决方案： 1. 可以给对象存储OSS设置资源的HTTP响应头即可 操作流程如下： 登录阿里云，进入对象存储OSS，找到资源所在Bucket-文件管理，进入资源所在目录， 资源列表右边“更多
阅读全文
posted @ 2022-09-27 16:38
随笔分类 - 小程序
微信小程序使用animate.css库
摘要：背景： 在小程序中使用animate.css库，做一些炫酷的动画效果 操作步骤： 第一步：使用 npm install animate.css --save 安装第二步：在 node_modules 文件中找到 animate,并把 animate.css文件复制出来第三步：将复制出来的 anima
阅读全文
posted @ 2022-08-10 13:53
从小程序跳转到公众号-web-view用法
摘要：需求背景： 从小程序中跳转到公众号或者其他外部链接。 解决方案： 需要注意两点： 第一：该小程序与跳转的公众号进行了绑定关联 第二：使用小程序开放能力web-view跳转会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。web-view提供了一个 src 属性，这个src属性可以从小程序跳转到
阅读全文
posted @ 2022-08-01 15:08
2021-10-20 小程序获取用户unionid 以及登录流程图
摘要：unionid 机制说明： 同一用户，对同一个微信开发平台下的不同应用，unionid是相同的。 同一个微信开发平台下的相同主体的 app, 公众号，小程序。如果用户已经关注过公众号，或者曾经登录过app或者公众号，则用户打开小程序时，可以通过 wx.login 获取到该用户 unionid，无须用
阅读全文
posted @ 2021-10-20 14:14
小程序蒙层滚动禁止穿透,在元素上面添加一个空函数catchtouchmove=preventTouchMove即可
摘要：1、小程序蒙层滚动防止穿透 <template> <view class="container" catchtouchmove="preventTouchMove"> </view></template><script>export default{ data(){ return{ } }, met
阅读全文
posted @ 2021-01-08 19:55
小程序登录授权获取用户手机号码
摘要：根据官方文档，获取微信用户绑定的手机号，需要先调用wx.login接口。 因为需要用户主动触发才能发起获取手机号码接口，需要button组件的点击来触发。 使用方法： 需要将 button 组件的 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，可以通过 bind
阅读全文
posted @ 2020-05-28 12:05
小程序中 svg图片 转成 base64
摘要：小程序的组件中没有支持svg标签的，如果想把svg图片显示在小程序界面中, 不想引入iconfont的话，可以把它转成 base64即可。 svg: 可伸缩矢量图形(scalable vector graphics) 使用XML格式定义图形。 在放大或改变尺寸的情况下其图形质量不会有所损失。 相比j
阅读全文
posted @ 2020-04-02 16:26
小程序支付功能
摘要：场景：做小程序支付功能，正常操作是前端这边调用微信的 wx.requestpayment接口即可。 //比如说，点击付款按钮，然后就会弹出支付的窗口，这里就应该调用wx.requestPayment()<view bindtap="confirmPay">确定付款</view>confirmPay(
阅读全文
posted @ 2020-03-28 15:53
小程序 苹果6plus 查看图片不显示且其他机型未发现此现象
摘要：关于图片布局代码: <view class="parent"> <view class="child-left"> <image src="xxx" alt="" class="img"></image> </view> <view class="child-rght"> </view></view
阅读全文
posted @ 2020-03-28 10:29
小程序上传图片到腾讯云
摘要：场景：因为业务需要采用的是前端自己生成签名来上传图片(私认为，还是采用官方的方式上传图片最佳) 1、config.js 配置 (这个文件用来装自己的存储桶，地域，密钥信息即可) var config = { Bucket:'存储桶的名字', Region:'地域名字', SecretId:'密钥id
阅读全文
posted @ 2020-03-19 10:27
小程序中 使用 aes 进行加密解密处理
摘要：小程序项目中有个叫 utils 文件目录。 在utils中创建一个aes.js文件，然后从这个网址下载aes.js文件(https://github.com/lianghl0717/AES/blob/master/AES.js)并把内容复制进去即可。 在utils文件里面的 util.js 文件里面
阅读全文
posted @ 2020-01-03 16:10
小程序中实现 input 搜索框功能
摘要：场景描述： 在一个列表界面中，顶部是input搜索框。(一般情况是点击搜索框会跳转搜索界面进行相关逻辑的处理。但是，我们这个不跳转新界面，是在当前界面进行搜素。) wxml 代码如下: <input type="text" placeholder="搜索相关内容" bindinput="search
阅读全文
posted @ 2020-01-03 15:07
