是的，做前端必须必须会切图，但是 切图 就是PS里面的一步操作，十分简单。QQ截图和PS切图是动作不一样，但是基本上是一样的，QQ是截取，而PS里面有个工具张的像 刀 ，拿着这个刀在图上面画，所以叫切图。
你选择这个工具，选择切片工具，然后：
在图片上这么画上一块儿或者说切上一刀，就叫切图。
然后在选择 文件→储存为web所用格式→在用切图选择工具
把你需要保存的切图那块儿选中，点击存储，
选择选中的切片，在点击保存，就这么先切，在选择，在保存，就完成了切图，但是PS切图比qq截图用着爽多了，因为在PS里面可以将图片放大N倍，在切，在小的图也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截图用着爽。总体来讲比QQ截图专业吧。
文件切片：把一个大文件转换成二进制内容，然后按照一个固定的大小对二进制内容进行切割，得到多个小文件，然后循环上传所有的小文件。在js中，文件File对象是Blob对象的子类，可以使用slice()方法完成对文件的切割；
2.文件合并：
当所有小文件上传完成，调用接口通知后端把所有的文件按编号进行合并，组成大文件；
3.并发控制：
结合Promise.race和异步函数实现,限制多个请求同时并发的数量,防止浏览器内存溢出；
4.断点续传：
把所有上传失败的小文件加入一个数组里面，在所有小文件都上传结束（成功和失败都算结束）之后再上传一次上传失败了的小文件，反复执行这一步，直到所有小文件都上传成功，可以通过递归实现。
又要切片 又要img 逆天了。。用img显示一张大图里的一个小区域，复杂度比css多了n倍。
直接用css背景图不更好，这样img标签都省了。
假设你是这样的<li><img src="pic/pic1.jpg"></li>
改成这样
<style>
.pic1{display:inline-blockwidth:1184pxheight:300pxbackground:url(../pic/pic1.jpg) 50px 30px no-repeat}/*假设你的小图在大图的50，30处*/
</style>
<li><span class="pic1"></span></li>
搞掂
