![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
业务场景
千尘,不染
这个作者很懒,什么都没留下…
展开
-
微信环境中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 · 3705 阅读 · 0 评论 -
微信公众号本地测试账号搭建
背景:由于公司的公众号只有线上环境导致开发过程中无法自测测试账号搭建步骤扫码登录微信公众平台,获取appId和appsecret登录之后会自动生成appId和appsecret,如下:配置环境,配成自己想要测试的环境就可以了获取token,进入接口调试工具页面把步骤1中获取的appId和secret按照提示填入相对应的位置就会自动生成access_token,如下:配置页面入口按钮,依旧是刚刚的接口调试工具页面,接口类型选择自定义菜单,如下:在对应的位置填入token,body栏填入原创 2020-10-28 19:12:44 · 940 阅读 · 1 评论 -
vue解析后端返回的二维码图片数据流
问题场景:后端返回图片数据流,打印结果是乱码,如下:Chrome浏览器的preview中可以看到二维码(图片),如下:解析思路:尝试用二进制大对象Blob解析,然后生成图片的URL,代码如下:// QRCode 为后端接口返回的图片数据流const blob = new Blob([QRCode])const url = window.URL.createObjectUR...原创 2020-02-12 18:26:20 · 4363 阅读 · 4 评论 -
H5实现类蚂蚁森林动态气泡的渲染与收集
需求:积分气泡实现类蚂蚁森林动态效果UI图:技术栈:vue,ts需求分析:1.在特定的区域内随机产生积分气泡,气泡之间不重合,气泡与总能量球之间不重合;2.每个能量球上下浮动,点击后向总能量球移动逐渐消失。实现思路:1.不重合能量气泡的产生:随机数产生能量气泡的球心,递归判断产生的球心是否可用,若可用则push到数组,否则重新递归;2.能量球的动态效果:通过css3的animati...原创 2019-12-24 19:41:26 · 5709 阅读 · 5 评论