在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点，欢迎有兴趣的朋友多多指教。 创建vu…

无论是面试还是实际工作，我们都会遇到大文件上传的问题。事实上，在我之前的面试中，也被问到上传大文件（Excel）如何处理，当时答的磕磕巴巴，直接导致整个面试以失败结束。 其实说到这里，如果你看懂并且理解了以上的思路，那么你已经学会了大文件上传+断点续传的 80%。下面的具体实现…

这个页面主要使用的 UI 包括：提示、loading、选项栏等都是从 WEUI 样式库中扒出来的，因为是在微信公众号中使用的，体验上会一致。上传部分使用的是 post 表单上传，我把 form 表单隐藏了起来，通过模拟上传按钮，当点击上传按钮的时候同步触发表单中的 input type=‘file’标签，调起原生的选择图片的界面，选择图片后，点击上传按钮的同时触发一个 post 请求把图片传到后台，完成整个功能。

文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用Nodejs配合前端完成这个功能。 前端我们使用 FormData 来作为载体发送数据。 下面我们实现upload 方法。 这部分比较简单，其实就是单纯的文件上传，我们用 Koa 来实现. 出于性能考虑，操作…

最近在开发过程中，遇到的需要是需要上传高清图片，必须原图上传。由于在移动端应用，上传网络问题有很大的坑。当初的方案是直接采用将文件转化为base64，再进行上传，由于文件转化为base64后，文件大小会增加30%。又导致上传压力，影响用户体验。最终采取了以formData形式进…

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…