Ĵ小程序
文章平均质量分 57
Huang_John
逆水行舟
展开
-
小程序分享到朋友圈
特大好消息,小程序于最近开通了分享到朋友圈的功能,再也不用像以前一样,先要canvas画个海报,然后保存,再让用户去分享朋友圈了,简直是分销神器,废话不多说,看看具体怎么实现吧。在要分享的页面添加段代码就好了如下:onShareTimeline(){ title:'我是小程序', query:'分享页面携带的参数', imageUrl:'分享展示图,默认是小程序的logo'}到这里就完了,是不是很简单,然后点击小程序的右上角的点点点,就会弹出来分享到朋友圈的按钮注意事项:1.分享到朋友圈原创 2020-07-27 12:55:57 · 389 阅读 · 0 评论 -
css3实现微信小程序红包雨
最近公司需求做一个微信红包雨功能,网上搜索到的基本都是用的canvas,对于canvas不是很熟练,于是用css自己写了一个,这种方式对于苹果机效果很好,但是在安卓机上会出现卡顿的情况,几番优化,还是会有一点点卡顿,废话不多说,上代码:wxml:<view> //红包开始前5秒倒计时 <view wx:if="{{showBefore}}" class="beforeRa...原创 2020-03-17 09:41:23 · 1561 阅读 · 0 评论 -
时间戳转换为具体时间(笔记)
function formatNumber (n) {const str = n.toString()return str[1] ? str : 0${str}}export function formatTime (date) {const year = date.getFullYear()const month = date.getMonth() + 1const day = d...原创 2019-07-18 11:25:07 · 740 阅读 · 0 评论 -
mpvue开发小程序不同分辨率手机间样式变形
众所周知,微信小程序有自己的像素单位“rpx”,这个单位是一个自适应的单位,不管你在用什么手机,他都能根据你的手机分辨率去调整这个单位的大小,所以一般用原生小程序代码写小程序的时候是不用考虑各个手机之间的自适应的问题的,那么如果我们用mpvue框架去写小程序也是这样吗?其实我们用mpvue框架的时候webpack会帮我们讲style里面的class中的所有“px”单位都打包成“rpx”,注意:是...原创 2019-05-10 16:24:00 · 469 阅读 · 0 评论 -
wx.previewImage图片加载不出来
wx.previewImage是微信提供的图片预览api,在使用是发现一个小问题,在预览本地图片是点击无法加载,把本地图片换成网络图片时就可以正常显示:wx.previewImage({ current:"../../img/banner.jpg" urls:[ "../../img/banner.jpg", "../../img/banner.jpg", ])}这个语法是没...原创 2018-11-23 14:15:05 · 13393 阅读 · 3 评论 -
小程序异步处理
微信小程序很多逻辑都是同步处理,在执行上一个操作的时候后面的操作方式已经在同步执行了,会出现逻辑混乱的情况,这边简单介绍两种异步处理的方式:第一种,promise处理方式,语法如下:let promise1 = new Promise(function (resolve, reject) { //这里填写需要执行的方法 }) let promise2 = new Pr...原创 2018-11-22 10:09:31 · 5509 阅读 · 1 评论 -
微信小程序之三元操作符
微信小程序的api里面自带条件判断wx:if,基本能够满足我们的日常使用需求了,但有时候会发现比较繁琐,那么如果用三元操作符来写的话,相对来说会简洁很多,比如我要通过status状态来判断显示什么内容,那么如果用wx:if来写的话,代码如下:<view wx:if="{{status==1}}">微信小程序</view><view wx:if="{{status=...原创 2018-11-12 13:23:09 · 5981 阅读 · 0 评论 -
微信小程序异步处理promise使用方法
微信小程序异步处理我使用的是promise处理,这样能够让小程序执行起来逻辑更加清晰明了,示例代码如下:let promise1 = new Promise(function (resolve, reject) { wx.getImageInfo({ src: 'https://www.qiaolibeilang.com//public/uploads/images/...原创 2018-10-30 15:12:44 · 9262 阅读 · 5 评论 -
scoll-view标签在苹果手机上显示正常安卓手机会出现滚动条
scoll-view标签在苹果手机上显示正常安卓手机会出现滚动条,只能让滚动条不显示就好了,css属性如下:::-webkit-scrollbar { width: 0; height: 0; color: transparent;}...原创 2018-10-30 15:07:53 · 864 阅读 · 0 评论 -
form表单的提交以及触发方式
小程序里面有form表单组件,提交表单通过button提交,在form标签里添加bindsubmit事件,然后在button标签里面添加触发bindsubmit事件的属性:form-type=“submit”,就可以将表单提交到服务器了,需要注意的是button必须是要在form标签里面,例如:<form bindsubmit="test"> <button form-ty...原创 2018-10-22 17:31:31 · 9380 阅读 · 0 评论 -
微信小程序之生成专属推广海报
现在老板一般都需要线上推广功能,通过给用户好处来刺激用户裂变分销,这就需要我们给用户生成专属的推广海报 因为小程序的用户uid是唯一的并且是不变的,所以我们后台大哥就以用户的uid作为生成专属二维码的图片名称,这里我们用canvas来绘制海报,废话不多说,上前端代码: wxml:<view class='box'> <canvas canvas-id='post'...原创 2018-09-15 17:35:23 · 8456 阅读 · 2 评论 -
无法保存图片到系统相册?
今天在写小程序保存小程序图片到本地相册的时候发现怎么都保存不了,但是调试模式和模拟器模式都没有问题,先上代码:wxml如下:<button form-type="submit" bindtap='save' class='s-btn1'>分享朋友圈</button>js代码如下:save:function(e){ wx.downloadFile(...原创 2018-08-14 16:10:23 · 1885 阅读 · 0 评论