requestAnimationFrame和cancelAnimationFrame requestAnimationFrame 与setTimeout相比，requestAnimationFrame

前言 利用周末两天，做了个图片的裁剪的功能和预览的功能，前端图片的裁剪方案，大多数都是用cropperjs进行封装，npm上有vue-cropperjs可以直接用起来，viewerjs是用来实现图片的

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

1. file对象转base64 2. base64 转成blob 上传 3. blob 转成ArrayBuffer 4. buffer 转成blob 5. base64 转 file

web应用提供能力去访问文件，与之对应的也提供了一组API去访问文件数据.，我试图从宏观到微端的角度探寻文件系统所经历的历程。

在我们平时写代码的过程中可能没有感觉Babel的存在，但其实只要我们写JS代码，Babel已经无处不在、无时不刻的在影响着我们的代码；在Webpack基础篇中，我们简单的介绍Babel的安装，也知道了它能够将高版本的ES6转为低版本的ES5代码，这篇文章我们就对Babel的配置…

「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编译之美！

前端的一整套东西覆盖也非常广泛，从开发、规范、测试、lint、构建部署、监控、集成、微服务、等等链路都隶属于前端工程化，我们需要尽量将其简化，来逐个击破。逐渐完善我们对工程化的认知。

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…