<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_42646513的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_42646513</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_42646513]]></copyright><item><title><![CDATA[微信环境中h5调用微信扫一扫api]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/109340652</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/109340652</guid><author>qq_42646513</author><pubDate>Wed, 28 Oct 2020 19:45:14 +0800</pubDate><description><![CDATA[需求：支持微信公众号的h5页面内调用微信扫一扫api，实现产品的扫码签到功能
技术栈：vue, ts
参考资料：微信官方文档
步骤：

项目引入js 文件，有两种引入方式，
全局引入



全局引入，在全局html模板里面以script标签的形式引入
用loadjs按需加载引入


在开发中选择了偷懒的第一种方法：
&lt;script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"&gt;&lt;/sc]]></description><category></category></item><item><title><![CDATA[微信公众号本地测试账号搭建]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/109339213</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/109339213</guid><author>qq_42646513</author><pubDate>Wed, 28 Oct 2020 19:12:44 +0800</pubDate><description><![CDATA[背景：由于公司的公众号只有线上环境导致开发过程中无法自测
测试账号搭建步骤

扫码登录微信公众平台，获取appId和appsecret
登录之后会自动生成appId和appsecret，如下：

配置环境，配成自己想要测试的环境就可以了

获取token，进入接口调试工具页面把步骤1中获取的appId和secret按照提示填入相对应的位置就会自动生成access_token，如下：

配置页面入口按钮，依旧是刚刚的接口调试工具页面，接口类型选择自定义菜单，如下：

在对应的位置填入token，body栏填入]]></description><category></category></item><item><title><![CDATA[webcpack ^ 4.x下【Cannot read property 'vue' of undefined】的解决方法]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/105972094</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/105972094</guid><author>qq_42646513</author><pubDate>Thu, 07 May 2020 14:41:06 +0800</pubDate><description><![CDATA[完整错误信息：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，如果是的话，安装...]]></description><category></category></item><item><title><![CDATA[解决ios收起键盘时页面无法归位问题]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/105659803</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/105659803</guid><author>qq_42646513</author><pubDate>Tue, 21 Apr 2020 15:47:05 +0800</pubDate><description><![CDATA[问题描述： ios系统中使用fixed定位的input，输入完毕键盘收起时，页面被卷上去无法归位。
解决办法： 监听键盘关闭事件，失焦后强制让页面归位，代码如下：
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 获取当前页面被卷上去的高度
document.body.addEve...]]></description><category></category></item><item><title><![CDATA[vue解析后端返回的二维码图片数据流]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/104282750</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/104282750</guid><author>qq_42646513</author><pubDate>Wed, 12 Feb 2020 18:26:20 +0800</pubDate><description><![CDATA[问题场景：

后端返回图片数据流，打印结果是乱码，如下：

Chrome浏览器的preview中可以看到二维码（图片），如下：

解析思路：


尝试用二进制大对象Blob解析，然后生成图片的URL，代码如下：

// QRCode 为后端接口返回的图片数据流
const blob = new Blob([QRCode])
const url = window.URL.createObjectUR...]]></description><category></category></item><item><title><![CDATA[H5实现类蚂蚁森林动态气泡的渲染与收集]]></title><link>https://blog.youkuaiyun.com/qq_42646513/article/details/103686930</link><guid>https://blog.youkuaiyun.com/qq_42646513/article/details/103686930</guid><author>qq_42646513</author><pubDate>Tue, 24 Dec 2019 19:41:26 +0800</pubDate><description><![CDATA[需求：积分气泡实现类蚂蚁森林动态效果
UI图：
技术栈：vue，ts
需求分析：
1.在特定的区域内随机产生积分气泡，气泡之间不重合，气泡与总能量球之间不重合；
2.每个能量球上下浮动，点击后向总能量球移动逐渐消失。
实现思路：
1.不重合能量气泡的产生：随机数产生能量气泡的球心，递归判断产生的球心是否可用，若可用则push到数组，否则重新递归；
2.能量球的动态效果：通过css3的animati...]]></description><category></category></item></channel></rss>