2017年秀H5赏析。排名不分先后。尽可能多得挑选了不同展现形式、或是不同行业的案例（附案例链接）。 点评：这个特别好玩，任意上传一张人像（注意，是人像！）都可生成手绘贺卡，而且还可以选择绘画风格，还有小冰智能为你生成一句话，并且最后你可以把生成的贺卡下载下来。 点评：星巴克这…

写了很多的javascript和css3的文章，是时候写一篇canvas的了。canvas是html5提供的一个新的功能！至于作用，就是一个画布。然后画笔就是javascript。canvas的用途非常的广，特别是html5游戏以及数据可视化这两个方面。现在canvas给我的感…

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

前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。 考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。 在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理，无非就是利用canv…

CSS动画实现的一些注意事项。 对于web原生的滑动，当内容的尺寸大于容器尺寸的时候结合overflow属性就可以出现漂亮的滚动条了，然后我们可以监听scroll事件。但是在移动端，太多的情况下可能并不能满足我们的需求。 值得庆幸的是，better-scroll.js的作者就在…

深受年轻人喜欢的手Q游戏分发中心、会员特权中心、个性化装扮商城，页面需要load大量动态数据，为了提高H5首屏的加载速度，腾讯手Q团队研发的轻量级高性能Hybrid框架VasSonic应运而生。