本篇介绍了切片上传的基本实现方式（前端），以及实现切片上传后的一些附加功能，切片上传原理较为简单，代码注释比较清晰就不多赘述了，后面的附加功能介绍了实现原理，并贴出了在原本代码上的改进方式。

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

一、学习收获 1、OpenGL、WebGL、Canvas、Three.js四者关系 2、Three.js 三大要素 3、Three.js基本要素 4、Three.js 相关插件的使用 5、使用Thre

1.柱状图柱状图拆分来看的话，是由两个平行四变形和一个矩形组成，如下：为了让柱状图更加美观，我们加上阴影、和渐变色、缓慢上升的效果：效果图代码链接：pen/KKKEQvy2.圆柱圆柱的话就相对比较简单

用 CSS 模拟一些 3D 形状，对前端开发者的 CSS 技术水平有很高的考验。 同时也可以提高对 CSS 的掌握和认知。

事件循环，宏任务微任务，async，await 一、事件循环是什么 首先，JavaScript是一门单线程的语言，意味着同一时间内只能做一件事，但是这并不意味着单线程就是阻塞，而实现单线程非阻塞的方法

两个月前写了element-ui奇淫技巧，反响非常不错，很多小伙伴都期待出第二期，那么今天它来了！目标只有一个，提升开发效率，让你有更多时间去摸鱼！

有一个任务非常耗时会消耗后台大量算力，所以在退出页面的时候，要求前端这边发送一个请求来杀死任务。 一开始以为这个需求非常简单，就是在进入其他路由前，发送一下请求，杀死一下任务就好了。 然而在刷新页面的时候，beforeRouteLeave并不会执行，接着想到了下面这两个API.…