在微信中使用支付宝支付

众所周知,微信和支付宝是死对头,两家相互封杀的历史也是由来已久。 作为微信公众号开发者,在实现支付时肯定会希望能够支持多种支付方式,然而直接在微信中打开支付宝链接会被跳转到如下页面,用户如果要接下去操作会非常麻烦,下面将会就这个问题给出解决方案。 方案 iFrame 虽然直接访问支付宝的链接是不行的,我们可以尝试将支付宝链接放在一个 iFrame 中,再添加一个悬浮的返回按钮方便用户关闭 iFrame。 然而此方法在微信近期更新 X5 内核后已经无法使用,只有版本低于 6.2.23 和部分安卓可用,所以就不在这里赘述了。 在外部浏览器中打开 »

如何优雅地面试一名前端工程师

记得倒杯水,要凉的。 先问一下项目,包括 技术栈(前后端)、项目的规模(页面数、代码量、人数)、担任的职责、开发流程 以及 CodeReview,项目中遇到过那些困难,都是怎么解决的(这里要随机应变接茬问下去) 然后问一下基础知识。 以下所有问题均为本人凭记忆整理,已经组织成问题链,最好问到双方都答不上来为止 HTML 新标签 -> 新标签实现响应式图片 -> »

SPA 中微信支付目录的设置

DEPERCATION WARNING 这篇文章提到的方法可能已经失效了,有关更多 SPA 中微信支付的讨论,请戳这里 首先要感谢下这篇文章,帮我解决了一个很大的疑问。不过该网站暂时503,只能贴个谷歌快照了 戳这里 背景如下:项目使用 AngularJS + UI-Router,未开启 HTML5Mode,静态文件全部直接走 nginx。 原先的微信支付目录设置为 example.com/static/dist/index. »

使用 Google Analytics 对单页应用(WebApp)进行数据统计

这是一篇迟到很久的文章,自从去年5月份开始,我就一直在折腾 GA 了,到现在大半年也过去了,当作一篇小结吧。 都知道数据统计对产品至关重要,精益创业中也将开发-认知-测量作为一个非常重要的产品流程 先不提很多产品经理们糟糕的数据意识,国内的网站数据统计真是一个比一个糟糕,最糟糕的是它们都不支持这两年很火的SPA(如有可以指出)。所以本文将会关于如何使用 Google Analytics 对 SPA 进行传统的 PV、UV 等统计进行介绍,由于我一直使用的 MVVM 框架是 Angular. »

记一次解中学应用题

事情的起因是需要实现一个二维码并在右上角加上不超过4个字的角标,角标的高度的2个字高,起初交给小弟来做,结果位置怎么调都不正确,于是无奈之下,最终成为了一道初中数学题 需求大概如下图所示 右上角的角标可以使用一个伪元素实现,文字则可以使用父元素的 data-tag 属性中的文字,这部分没有什么难的。 那么为了实现这个效果,可以将伪元素的移动拆分成三个步骤,并取得伪元素的定位位置及移动尺寸就好了。 如图所示 既然明确了未知数与条件,我们就可以将这个问题解析成一个非常简单的中学数学题。 如下所示,我们需要保证A点在移动后仍然在矩形区域内,也就是极限为B点的情况,不过如果这时候角标的宽度仍然为 4em 的话,字的两侧就空白了;所以我们在保证上面一个条件满足的情况下, »

今天的两件大事

第一是把多说换成了Disqus,不得不承认Disqus要好多了啊。 第二是把网站转到了HTTPS 主要参考了 官方文档 以及 这篇文章 nginx的配置则是从 这里 找的 要注意的是需要手动生成一份 dhparam.pem,命令在配置实例的注释里可以找到;另外就是http重定向到https的配置了,比较简单就不赘述了。 »

使用Web Hooks搭建自动化工作流

首先要介绍一下背景:公司的项目部署还在使用SVN,而我们前端组已经转到Git了,因此Git如何与SVN同步是一个问题。 早前也查过git-svn这个工具,但是对于我们这样只需要单向同步而且每天Git的Commit超过30个的项目来说,速度显得有些不尽人意,于是经过一番Google后,我使用Web Hooks建立了一套自动化的同步流程。 1、什么是Web Hooks Project web hooks allow you to trigger an URL if new code is »

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

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

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

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

开篇——有关本博客

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