2019年1月7日
javascript利用canvas解析图片中的二维码
本方法两种应用方式：一种使用canvas解析本站图片中的二维码，canvas有同源策略限制，只能处理本站图片。另一种处理文件选择中的图片二维码。 第一种使用场景可以换成像微信中一样，长按图片识别二维码。 引用了第三方的qrcode.js解码，但是这个文件并未在GitHub中找到，不知道出处。源码： Read More
posted @ 2019-01-07 14:57 极·简 Views(2753) Comments(0) Diggs(0) Edit
javascript使用H5新版媒体接口navigator.mediaDevices.getUserMedia，做扫描二维码，并识别内容
本文代码测试要求，最新的chrome浏览器(手机APP)，并且要允许chrome拍照录像权限，必须要HTTPS协议，http不支持。 原理：调用摄像头，将摄像头返回的媒体流渲染到视频标签中，再通过canvas绘制到画布上面，最后通过canvas分析二维码 兼容性只在手机中的chrome中测试通过，微 Read More
posted @ 2019-01-07 14:43 极·简 Views(18116) Comments(5) Diggs(1) Edit
javascript获取手机上媒体设备，摄像头和话筒
主要运用H5的媒体接口API，MDN文档： navigator.mediaDevices(新版API)，Navigator.getUserMedia(旧版API，不建议使用，但某些浏览器还支持)，本文使用新版API 这个API并不是所有浏览器都支持，本人只在最新的chrome中测试通过，并且需要HT Read More
posted @ 2019-01-07 14:28 极·简 Views(4571) Comments(1) Diggs(1) Edit
2018年10月23日
几种npm install 的区别
一个node package有两种依赖，一种是dependencies，一种是devDependencies，其中前者依赖的项该是正常运行该包时所需要的依赖项，而后者则是开发的时候需要的依赖项，像一些进行单元测试之类的包。 其实应该还有一种不常见的依赖optionalDependencies，表示可 Read More
posted @ 2018-10-23 15:19 极·简 Views(11367) Comments(0) Diggs(0) Edit
2018年10月11日
[转]使用Google Cloud + cloudflare永久免费运行一个网站
原文出处：https://www.jianshu.com/p/dc4c9996f4b9 除却域名的年费，我的博客站点是运行在云服务器上，如果没有意外，维护的费用应该是零。 云主机 云服务器我使用的是Google Cloud，谷歌云应该是目前唯一一个承诺提供永远免费 Always Free选项的云服务 Read More
posted @ 2018-10-11 15:23 极·简 Views(12453) Comments(0) Diggs(1) Edit
2018年10月10日
git 中文文件名乱码
git 默认中文文件名是 \xxx\xxx 等八进制形式，是因为 对0x80以上的字符进行quote。 只需要设置core.quotepath设为false，就不会对0x80以上的字符进行quote。中文显示正常 git config --global core.quotepath false Read More
posted @ 2018-10-10 10:41 极·简 Views(4174) Comments(1) Diggs(3) Edit
2018年9月6日
修改git log中的Date格式
默认的git log查看日志显示的格式如下： Date: Thu Aug 16 17:44:32 2018 +0800 说实话，真不太喜欢这种日期格式还是换成数值比较舒服一点。git bash中使用命令设置即可： 修改之后的日历格式： Date: 2018-08-23T17:16:39+08:00 Read More
posted @ 2018-09-06 16:10 极·简 Views(5535) Comments(0) Diggs(2) Edit
2018年6月21日
javascript 百度地图无秘钥（appkey）创建marker标记地图
创建简单的marker地图不一定需要去百度地图申请key，简单代码实现marker地图，效果如图： html代码如下，代码中的baidu.api.js参考后面的隐藏代码： baidu.api.js window.BMAP_AUTHENTIC_KEY="";(function(){var l=l||{ Read More
posted @ 2018-06-21 15:56 极·简 Views(1494) Comments(0) Diggs(0) Edit
2018年5月17日
php保存canvas导出的base64图片
代码如下： 其中$img为canvas导出的base64编码的图片，替换掉其中不需要的信息，再使用base64_decode还原二进制图片流，然后将还原的图片流写入文件。 Read More
posted @ 2018-05-17 16:13 极·简 Views(521) Comments(0) Diggs(0) Edit
2018年5月14日
使用css3变量创建炫酷悬停效果
原文地址：www.zcfy.cc/article/stunning-hover-effects-with-css-variables 效果： 主要使用css中的var做动画效果，代码如下： Read More
posted @ 2018-05-14 17:32 极·简 Views(250) Comments(0) Diggs(0) Edit