- 博客(29)
- 收藏
- 关注
RSS订阅
原创 js生成小程序某页面二维码（生成小程序二维码）
时候会有业务需求生成某页面的小程序二维码，进入指定页面效果图：首先要获取access_token；下面是链接https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥红色字体需要用户自己根据信息填充。请求成功返回的结果是下面这种...
2018-08-02 11:15:09
46677
94
原创 element 上传图片（文件）到七牛云
一、基础步骤：注册七牛云，并且完成实名认证 完成后会在个人中心->秘钥管理中看到两个秘钥AccessKey/SecretKey二、获取token这里直接贴上官方文档（整理我直接使用官方生成的token）官方地址：https://developer.qiniu.com/kodo/manual/1208/upload-token三、配置上传地址：上传地址查看：配置相应的action：https://developer.qiniu.com/kodo/manual/1671/...
2020-10-22 16:28:09
1017
原创 JavaScript之bind、apply、call
今天说说JavaScript的bind、apply、call一、三者相同之处都是用来改变函数的this对象的指向的。 第一个参数都是this要指向的对象。 都可以利用后续参数传参。二、三者不同之处下面代码传递一个参数var xw = { name: "小王", gender: "男", age: 24, say: function () { console.log(this.name + " , " + this.gender + " ,今年" + this.a
2020-07-14 14:16:40
205
原创 云函数之http调用
一、为什么要是用云函数的http调用？一个小程序需要调用另外一个小程序的云函数时可以使用。 h5端调用云函数数据剧制作后台管理系统（当然这个也是有别的方法可以直接调用的） 前端工作者编写封装好的功能，可以直然后端人员使用。二、如何调用？这个是微信官方的地址：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-http-api/functions/invokeCloudFunction.html 下面直接贴上我的
2020-06-20 15:32:27
3501
1
原创 云函数生成小程序某页面二维码
一、为什么要是用云函数生成小程序二维码呢。 是用云函数生成小程序码，是可以脱离后端人员的接口，自己来实现的。而且通过一定的封装调用起来也是蛮方便的。而且这个功能应用的场景还是蛮多的。二、下面简单说一下步骤1、创建云函数，在函数中填写程序的appid和秘钥（下面我会贴上我的代码）2.到控制台创建一个名为access_token的数据集合，用于给wx-js-util...
2019-11-01 23:14:08
1749
原创 JavaScript之堆栈溢出
今天聊一下JavaScript中的堆栈溢出一、什么是堆栈溢出？ 每次执行JavaScript代码时，都会分配一定尺寸的栈空间（Windows系统中为1M），每次方法调用时都会在栈里储存一定信息（如参数、局部变量、返回值等等），这些信息再少也会占用一定空间，如果存在较多的此类空间，就会超过线程的栈空间了。说白了就是就是不顾堆栈中分配的局部数据块大小，向该数据块写入了过多的数据，...
2019-09-21 15:35:16
2908
原创 小程序之快速获取用户手机号码
用传统的方法获取手机号码，可能需要后端的朋友配合验证解密数据才能获取成功，不多说，直接上代码一、首先是要开通一下小程序的云开发（自己名称啥的就行）二、获取 cloudID（getphonenumber是通过button设置获取手机号码获取回来的值） // 获取手机号码 async getphonenumber(e) { if (e.type == "getph...
2019-09-07 17:50:38
2206
原创 关于js的实用高阶函数的用法
一下是我个人总结常用的一些关于JavaScript的高阶函数的用法:1、关于取数组中最大值的做法6scoreEst= Math.max.apply(Math, allMan.map(function(item) {return item.score.total })) 求数组最大值2、抽取对象数组中的对象的某项，重组数组。let teamIdData = myUserInfo....
2019-07-27 20:35:34
292
原创 小程序之自定义组件
今天说一下关于小程序中的自定义组件。这里不说太基础的东西，对于基础的用法的话可以直接去小程序官网查询。传送门：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/一：组件间的数据传递： 页面的数据传递给组件：（下面是一蓝牙组件（bluetooth）作为例子来说明）...
2019-06-24 15:27:26
505
原创 时间戳的使用总结
获取当前的时间戳：let timestamp= Math.round(new Date() / 1000) //这个只精确到了秒var timestamp=new Date().getTime()； //这个精确到了毫秒判断超出多久的时间 const now = Date.now() const d = new Date(time) //time为时间戳...
2019-06-14 13:47:41
3761
原创 小程序获取用户位置详情信息
首先，小程序里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
4323
4
原创 css中的 px, em,rem的特点与区别
px:（固定不变的）px 是 pixel 的缩写，它的含义是像素的意思，在指定字体大小和元素的宽高的时候使用。像素是相对于显示器屏幕分辨率而言的em:（相对于父元素的）em是一个相对长度的单位，是相对于当前对象内文本的字体尺寸。如过我们未设置当前文本的字体尺寸，那么em就会相对于浏览器的默认字体尺寸//em的值时相对于父元素，修改.a的大小，.b的大小会随之发生...
2019-03-28 10:26:35
327
原创 小程序关注公众号official-account组件
注意：编译要使用扫码方式进行编译操作index.wxml:<official-account></official-account>效果图： 说明：该组件也可以添加对应的时间绑定，也可以外加盒子设置对应的样式，个人觉得组件还不够完善，带官方后期更新。官方文档位置：https://developers.weixin.qq.com/mini...
2018-10-10 10:58:08
18642
1
原创 js的栈堆与浅拷贝、深拷贝的理解
一：什么是堆栈？ 我们都知道：在计算机领域中，堆栈是两种数据结构，它们只能在一端(称为栈顶(top))对数据项进行插入和删除。堆：队列优先,先进先出；由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。 栈：先进后出；动态分配的空间 一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表。 以上都属于计算机基...
2018-08-03 17:54:03
801
原创 js判断时间是否为今天日期（判断日期与当前日期相差多少天）
下面是我的代码：// 判断时间为今天judgeTime(data){ var date = data.toString(); var year = date.substring(0, 4); var month = date.substring(4, 6); var day = date.substring(6, 8); var d1 = new D...
2018-07-31 16:23:20
10962
原创 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
363
原创 小程序毫秒级倒计时（适用于拼团秒杀功能）
废话不多说直接上代码：效果图：index.jsPage({ /** * 页面的初始数据 */ data: { countdown:'', endDate2: '2018-08-08 11:41:00' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { ...
2018-07-30 16:50:21
15850
13
原创 微信小程序添加删除线和下划线
小程序官方提供的html标签，跟传统的HTML有所差异，下面关于下划线和删除线的操作。在对应的标签中添加css样式即可：text-decoration:underline; //下划线text-decoration:line-through;//删除线...
2018-07-25 16:20:41
32057
原创 谷歌浏览器调试工具之断点调试
今天跟大家讲一下前端中比较常用也是比较重要的一个内用——断点调试。在编写代码的过程中经常要对自己写的js代码进行调试。先点击F12进入浏览器的调试。ps:本地代码支持动态修改单步执行过程中，鼠标选中逻辑语句，可以查看最终的运算结果配合console使用， 效果更好有不足之处欢迎指出。...
2018-07-24 15:51:30
20154
1
原创 原 微信分享自定义样式&微信分享给朋友自定义图文信息
下图为效果图：上图为没有设置得样式，下图是设置样式分享后的效果，差距甚远。做的过程也遇到了一些问题，我会在博文最下方标明.下面是我的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo
2018-07-20 15:05:18
3946
原创 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
11868
原创 小程序之上传图片压缩
在小程序中上传文件置媒体库中，可能考虑调用的流畅性，需要对视频镜像 压缩处理。下面是我代码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
8473
转载 微信小程序自定义模态弹窗
最近发现一个比较好用的小程序自定义模态框，将其简化了一下,可以在框内放入想要的内容。具体内容如下：index.wxml<view class="btn" bindtap="powerDrawer" data-statu="open">button</view> <!--mask--> <view class="drawer_scree
2018-05-06 23:46:09
1253
原创 小程序open-data组件相关问题
对于小程序刚刚更新的组件open-data，第一：怎么设置头像的圆形：需要在组件中添加overflow:hidden;display:block;这样才可以实现图片的圆形。第二：怎么获取到头像的链接，以及用户信息的相关参数呢。通过button组件 <button bindgetuserinfo='Tap' open-type="getUserInfo">1</button>...
2018-05-03 10:42:42
7425
1
原创 小程序中的冒泡事件与捕获事件
bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。如在下边这个例子中，点击 inner view 会先后调用handleTap3和handleTap2(因为tap事件会冒泡到 middle view，而 middle view 阻止了 tap 事件冒泡，不再向父节点传递)，点击 middle view 会触发handleTap2，点击 outer view ...
2018-04-27 18:47:16
10636
原创 微信小程序中的空格和换行操作
空格 ：\t 换行 ：\n 在需要换行和空格的地方加上\t 或者\n 可以达到想要的效果 <view> <text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）</text></view><view> <text space="emsp&q
2018-04-27 15:41:24
3579
原创 微信小程序通过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
3665
原创 微信小程序的双击事件
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
2816
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人