- 博客(6)
- 收藏
- 关注
RSS订阅原创 微信环境中h5调用微信扫一扫api
需求：支持微信公众号的h5页面内调用微信扫一扫api，实现产品的扫码签到功能技术栈：vue, ts参考资料：微信官方文档步骤：项目引入js 文件，有两种引入方式，全局引入全局引入，在全局html模板里面以script标签的形式引入用loadjs按需加载引入在开发中选择了偷懒的第一种方法：<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></sc
2020-10-28 19:45:14
3853
原创 微信公众号本地测试账号搭建
背景：由于公司的公众号只有线上环境导致开发过程中无法自测测试账号搭建步骤扫码登录微信公众平台，获取appId和appsecret登录之后会自动生成appId和appsecret，如下：配置环境，配成自己想要测试的环境就可以了获取token，进入接口调试工具页面把步骤1中获取的appId和secret按照提示填入相对应的位置就会自动生成access_token，如下：配置页面入口按钮，依旧是刚刚的接口调试工具页面，接口类型选择自定义菜单，如下：在对应的位置填入token，body栏填入
2020-10-28 19:12:44
1039
1
原创 webcpack ^ 4.x下【Cannot read property 'vue' of undefined】的解决方法
完整错误信息：Module build failed: TypeError: Cannot read property ‘vue’ of undefined at Object.module.exports (…\node_modules\vue-loader\lib\loader.js:61:18)在package.json中查看自己webcpack版本是不是 ^ 4.x，如果是的话，安装...
2020-05-07 14:41:06
1242
原创 解决ios收起键盘时页面无法归位问题
问题描述： ios系统中使用fixed定位的input，输入完毕键盘收起时，页面被卷上去无法归位。解决办法： 监听键盘关闭事件，失焦后强制让页面归位，代码如下：const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 获取当前页面被卷上去的高度document.body.addEve...
2020-04-21 15:47:05
613
原创 vue解析后端返回的二维码图片数据流
问题场景：后端返回图片数据流，打印结果是乱码，如下：Chrome浏览器的preview中可以看到二维码（图片），如下：解析思路：尝试用二进制大对象Blob解析，然后生成图片的URL，代码如下：// QRCode 为后端接口返回的图片数据流const blob = new Blob([QRCode])const url = window.URL.createObjectUR...
2020-02-12 18:26:20
4760
4
原创 H5实现类蚂蚁森林动态气泡的渲染与收集
需求：积分气泡实现类蚂蚁森林动态效果UI图：技术栈：vue，ts需求分析：1.在特定的区域内随机产生积分气泡，气泡之间不重合，气泡与总能量球之间不重合；2.每个能量球上下浮动，点击后向总能量球移动逐渐消失。实现思路：1.不重合能量气泡的产生：随机数产生能量气泡的球心，递归判断产生的球心是否可用，若可用则push到数组，否则重新递归；2.能量球的动态效果：通过css3的animati...
2019-12-24 19:41:26
6141
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人