前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以下问题： 页面等待时间极长，

展示长列表，DOM元素越多，性能也就越差。虚拟列表通过固定的dom元素，只展示可见部分的数据，可以解决dom元素过多带来的性能问题。

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

突然有一次搞活动，需要用户上传自己的自拍照，然后服务器端把头像做些特殊处理，这个时候可能会遇到的坑。 如果用户直接采用摄像头拍照，这样的话获取到的照片可能会是倒着的，这样是影响业务的。 现在手机拍出来的照片，基本都是5M 以上的图片，对于上传压力太大了。 可以通过 exif.j…

上传文件: 上传文件并保存文件数据预览：将上传的文件转换成图片地址，显示在页面上截图：固定选择框背景，然后将图片数据放置到canvas中进行移动放大然后进行裁切下载：将裁切的数据进行转换，转成可以下载

图片处理 在前端业务中并不陌生。例如手机自带相机拍出的照片通常好几兆，但如果只是用作头像就显然太大，需要 图片压缩 后再上传服务器；再例如前段时间比较火的迎国庆换头像，就用到了 图片与图片的合成。本文将介绍前端常见的 Canvas 图片处理方法。 图片插入文字 主要用了 fil…