Dec 10, 2015

使用viewport缩放实现自适应页面中,微信长按识别二维码的一个大坑

使用viewport缩放实现自适应页面中,微信长按识别二维码的一个大坑

起因是有这么一个需求,如果是在订阅号中,微信支付失败后要弹一个弹窗,中间展示一个URL生成的二维码,用户长按二维码后可以进行支付。 最初按照常规方式将弹窗展示出来后,在iOS上长按二维码怎么都识别不了,倒是Android没有什么问题。于是Google了一下“微信长按识别二维码”(请原谅我用的关键字),找到这么篇文章: 微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案 文章讲到了微信6.1二维码识别区域上移的问题,遂试了一下,无意中发现识别区域居然在右下角,甚是奇怪。而且文内提到据微信称6.2已经修复此BUG了,而我用的是6.3.7。 终于在无数次尝试后,发现问题的真实原因是微信对viewport缩放页面的适配不佳,原理如下图。 由于页面是整体缩放的,但是微信仍然按照未缩放前的页面来识别二维码,导致实际的识别区域变成了右下角阴影的部分。 最后的解决方案: 由于项目已经接近尾声了,

Nov 21, 2015

上班不想打卡那点事儿(一)

上班不想打卡那点事儿(一)

上个月入职了新公司,市民中心的写字楼还是挺高大上的,同事里面也不乏大牛,流程也还算齐全,总的来说还是非常愉快的。 可惜美中不足的一点居然是打卡。 有关打卡的事情知乎上早就有过讨论了: 员工代打卡怎么办? 其中有一句总结的非常经典 打卡第一定律:凡是打卡,就一定会有代打卡 当然公司也没有使用非常老套的指纹打卡,而是非常『与时俱进』地使用了OA系统来管理打卡,哦哟好高大上 O(∩_∩)O。 身为码农,怎么能让人代打卡呢,当然是用代码来解决嘛。 公司的OA系统对于打卡有两个限制:第一是上班打卡时间必须在8:30到9:00之间,超过1分钟都不行,第二是必须通过公司的IP登陆系统才可以进行打卡。 第一个问题好解决,无非是通过定时任务,第二个问题则有些麻烦,幸好Stone同学非常支持,拿了一台以前的Dell台式机,

Oct 30, 2015

开篇——有关本博客

开篇——有关本博客

本博的名字是来自于我最近买的一本书《全栈工程师的自我修养》,文笔很流畅,一晚上就看完了,第二天带给小伙伴们,小伙伴们也说好。 这本书主要也就是作者本人从业5年的一些经验总结,同时介绍了一些作者本人了解的技术栈,对于刚上路的前端工程师们倒是有很大帮助。跟小伙伴感慨说这种书早两年出来就好了,仔细想想确实是今年才可能有这类书籍,因为前端也是近两年才进入高速发展期的。 然后介绍一下本博客所使用的技术栈及搭建过程。 本博客使用的是开源博客系统Ghost。Ghost是一款基于Nodejs的博客,数据库使用的是sqlite3,相比于Wordpress的笨重,个人还是对这类Nodejs的系统更有好感一些。 博客是跑在阿里云上的,并不是像很多人那样用的虚拟空间,可能也是因为我个人比较喜欢折腾服务器吧。 下载解压,安装一下NPM依赖,用nginx做反向代理,supervisor做进程守护,简单几步,博客就搭好了。 期间在安装sqlite3的时候倒是遇到了一些麻烦,一直提示 npm Error: CERT_UNTRUSTED