小程序
邱小健
这个作者很懒,什么都没留下…
展开
-
云函数生成小程序某页面二维码
一、为什么要是用云函数生成小程序二维码呢。 是用云函数生成小程序码,是可以脱离后端人员的接口,自己来实现的。而且通过一定的封装调用起来也是蛮方便的。而且这个功能应用的场景还是蛮多的。二、下面简单说一下步骤1、创建云函数,在函数中填写程序的appid和秘钥(下面我会贴上我的代码)2.到控制台创建一个名为access_token的数据集合,用于给wx-js-util...原创 2019-11-01 23:14:08 · 1634 阅读 · 0 评论 -
小程序之快速获取用户手机号码
用传统的方法获取手机号码,可能需要后端的朋友配合验证解密数据才能获取成功,不多说,直接上代码一、首先是要开通一下小程序的云开发(自己名称啥的就行)二、获取 cloudID(getphonenumber是通过button设置获取手机号码获取回来的值) // 获取手机号码 async getphonenumber(e) { if (e.type == "getph...原创 2019-09-07 17:50:38 · 2109 阅读 · 0 评论 -
小程序之自定义组件
今天说一下关于小程序中的自定义组件。这里不说太基础的东西,对于基础的用法的话可以直接去小程序官网查询。传送门:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/一:组件间的数据传递: 页面的数据传递给组件:(下面是一蓝牙组件(bluetooth)作为例子来说明)...原创 2019-06-24 15:27:26 · 452 阅读 · 0 评论 -
小程序获取用户位置详情信息
首先,小程序里wx.getLocation可以获取用户当前的经纬度,即wx.getLocation({ type: 'wgs84', success (res) { console.log(res) const latitude = res.latitude const longitude = res.longitude const speed = res.spe...原创 2019-03-30 16:23:24 · 4210 阅读 · 4 评论 -
小程序关注公众号official-account组件
注意:编译要使用扫码方式进行编译操作index.wxml:<official-account></official-account>效果图: 说明:该组件也可以添加对应的时间绑定,也可以外加盒子设置对应的样式,个人觉得组件还不够完善,带官方后期更新。官方文档位置:https://developers.weixin.qq.com/mini...原创 2018-10-10 10:58:08 · 18488 阅读 · 1 评论 -
js生成小程序某页面二维码(生成小程序二维码)
时候会有业务需求生成某页面的小程序二维码,进入指定页面效果图:首先要获取access_token;下面是链接https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥红色字体需要用户自己根据信息填充。请求成功返回的结果是下面这种...原创 2018-08-02 11:15:09 · 46308 阅读 · 94 评论 -
js关于数组和字符串的操作操作。
今天跟大家讲一下关于数组和字符串比较常用的操作方法。数组:删除数组第一项:shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined vara=[1,2,3,4,5]; varb=a.shift();//a:[2,3,4,5]b:12、unshift:将参数添加到原数组...原创 2018-07-30 17:00:37 · 312 阅读 · 0 评论 -
小程序毫秒级倒计时(适用于拼团秒杀功能)
废话不多说直接上代码:效果图:index.jsPage({ /** * 页面的初始数据 */ data: { countdown:'', endDate2: '2018-08-08 11:41:00' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { ...原创 2018-07-30 16:50:21 · 15690 阅读 · 13 评论 -
小程序中的冒泡事件与捕获事件
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。如在下边这个例子中,点击 inner view 会先后调用handleTap3和handleTap2(因为tap事件会冒泡到 middle view,而 middle view 阻止了 tap 事件冒泡,不再向父节点传递),点击 middle view 会触发handleTap2,点击 outer view ...原创 2018-04-27 18:47:16 · 10451 阅读 · 0 评论 -
微信小程序的双击事件
index.jsPage({ data: { starTime: 0, ClickNum: 0, show:false },//点击事件 myClick: function (e) { var that = this var curTime = e.timeStamp; var starTime= this.data.starTime; if (th...原创 2018-04-16 13:04:45 · 2755 阅读 · 0 评论 -
微信小程序自定义模态弹窗
最近发现一个比较好用的小程序自定义模态框,将其简化了一下,可以在框内放入想要的内容。具体内容如下:index.wxml<view class="btn" bindtap="powerDrawer" data-statu="open">button</view> <!--mask--> <view class="drawer_scree转载 2018-05-06 23:46:09 · 1182 阅读 · 0 评论 -
原 微信分享自定义样式&微信分享给朋友自定义图文信息
下图为效果图:上图为没有设置得样式,下图是设置样式分享后的效果,差距甚远。做的过程也遇到了一些问题,我会在博文最下方标明.下面是我的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo原创 2018-07-20 15:05:18 · 3882 阅读 · 0 评论 -
微信小程序添加删除线和下划线
小程序官方提供的html标签,跟传统的HTML有所差异,下面关于下划线和删除线的操作。在对应的标签中添加css样式即可:text-decoration:underline; //下划线text-decoration:line-through;//删除线...原创 2018-07-25 16:20:41 · 31337 阅读 · 0 评论 -
js设置概率随机数(可用于抽奖,砍价的逻辑应用)
今天接触到一个砍价的业务逻辑。需要做一个按照概率的随机数选取。(类似商场的抽奖活动)需求:我需要设置出现1~5的概率为55% 5~10的概率40% 10~15的概率5%下面是我的页面代码: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">...原创 2018-07-19 18:35:58 · 11736 阅读 · 0 评论 -
小程序之上传图片压缩
在小程序中上传文件置媒体库中,可能考虑调用的流畅性,需要对视频镜像 压缩处理。下面是我代码index.html 页面只是一个简单的按钮选择<canvas canvas-id="canvas" style="width:{{cWidth}}px;height:{{cHeight}}px;position: absolute;left:-1000px;top:-100...原创 2018-06-13 14:13:13 · 8330 阅读 · 0 评论 -
微信小程序通过canvas绘制所需图片形状。(文章以直角梯形进行说明)
通过这种方法可以快捷的完成一些设计的效果。index.wxml//新建一个画板。<canvas canvas-id="myCanvas" style="border: 1px solid;"/>index.js onLoad: function (options) { const ctx = wx.createCanvasContext('myCanvas'); // c...原创 2018-04-22 21:49:49 · 3550 阅读 · 0 评论