在微信中使用支付宝支付

众所周知,微信和支付宝是死对头,两家相互封杀的历史也是由来已久。 作为微信公众号开发者,在实现支付时肯定会希望能够支持多种支付方式,然而直接在微信中打开支付宝链接会被跳转到如下页面,用户如果要接下去操作会非常麻烦,下面将会就这个问题给出解决方案。 方案 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 »