1. 需求 最近丁香医生的产品大佬又双叒叕搞事情，想要在 H5 中做一个医生邀请提问的功能，可以将医生的二维码名片分享出去，支持移动、PC 和微信。之前的图片是由后端生成的，并且会缓存三天，导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…

开始 冒泡大家肯定都非常熟悉，但是上周在看vue的源码时候，发现一种很有意思的冒泡场景，直接看代码。 dom中有父子div，父元素没有绑定事件，子元素绑定了点击事件，并同时给父元素绑定了一个点击事件，

我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。 一般的中文字体都要8-10M，相对于整个工程来说…

公司之前做的某一手机应用，里面有一需求是一键出图（有一统计信息类的网页，需要在不打开网页的情况下实时对网页进行截图然后保存到服务器上），手机上便可以查看该图片了。刚开始拿到需求发现比较棘手，参考了很多文章解决方案大楷有以下几种： 经过试验Robot失败，DJNativeSwin…

对于Java实现网页截图这个问题，笔者在网上一番搜索之后，大概看到了如下三种实现方式。 第一种方式无法同时处理大量数据，第二种方式增加了技术的复杂性，第三章方式中规中矩，但是开发费时，尤其时对于JavaScript的解析，难度会增大很多。所以，笔者放弃使用了前3种方式，直接使用…

但是这些实现的截图效果都不好。selenium只能实现截屏，不能截取整个页面，而HtmlUnit、Html2Image对js的支持效果并不好，截下来的图会有很多空白。phantomjs就是万精油了，既能截取整个页面，对js支持的效果又好 安装phantomjs。mac os 这…