故事：2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 这当中最出名的，当属双击缩放(double tap to zoom)，这也是会有…

这是笔者在过去开发H5应用时遇到的一系列兼容性问题，很多解决方式的原理并未阐述，只为提供解决问题的技巧。希望能够帮助那些从事H5开发的同学，能够早日解决兼容性问题。

最近接到一个“发表评论”的需求：用户输入评论并且可以拍照或从相册选择图片上传，即支持图文评论。需要同时在 H5 和小程序两端实现，该需求处理图片的地方较多，本文对 H5 端的图片处理实践做一个小结。项目代码基于 Vue 框架，为了避免受框架影响，我将代码全部改为原生 API 的…

遇到问题：延伸问题总结，第二条：在移动端页面使用上传文件或者图片时，IOS和安卓的展现方式有很多不一样。 因为能找到的手机机型，毕竟有限，以上的最终解决方案，是否还有后续问题，是否都能搞定，还不能确定。如果之后在遇到有问题手机，代码不适应在重新更新代码。。。当然如果有小伙伴们看…

上周做一个关于移动端图片压缩上传的功能。期间猜了几个坑，在此总结下。大体的思路是，部分 API 的兼容性请参照 caniuse：利用 FileReader, 读取 blob 对象，或者是 file 对象，将图片转化为 data uri 的形式；使用 canvas，在页面上新建一个画布，利用 canvas 提供的 API，将图片画入这个画布当中；利用 canvas.toDataURL()，进行图片的压缩，得到图片的 data uri 的值上传文件。