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

前言 总括： 这是笔者平时积累的一些觉得比较有意思或是比较有难度的JavaScript题目理解和心得，会保持长期更新。 原文地址：Javascript填坑史 知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书） 博主博客地址：Damonare的个人博客 人生莫作妇人身…

总结自己在学习 vue 过程中遇到的问题

vue1.0 版本和 2.0 版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html# 过渡。在使用 2.0 版本做过渡效果的时候，虽然比 1.0 版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小 demo 案例来感受下 vue2.0 transition 带来的便利吧！