1、首先判断响应头Content-Type的值是否为application/octet-stream或multipart/form-data，如果为这两个值，请求文件的时候，会直接下载；如果为image/jpeg，则可以直接浏览图片文件；2、还需要响应头的参数Content-Disposition，有以下值，分别代表不同的意思:

3、cdn引用依赖资源，不要使用预加载rel='prefetch',浪费首页加载性能；4、图片压缩，去除空格插件terser-webpack-plugin，等等5、入口文件main.js的按需引入也是比较重要的，只要在首页关联用到的文件，都会加载splitChunks切出来的文件，所以需要按需引入。6、路由...

如果使用vue-cli脚手架初始化的项目，可以直接按照官网的api，执行 npm run build -- --report

{代码...} 备注：本质还是拿到后台的文件流数据，然后前端转成二进制文件，通过a标签的download属性来下载

{代码...} js部分 {代码...} css部分 {代码...} 注意事项：使用el-table进行行的拖拽的时候，一定需要使用属性row-key，这个需要进行diff；拖拽之后，表格如果有错位，可以调用el-table自带的方法 doLayout进行更新布局，这个最好是放在this.$nextTick()里面去执行；

{代码...}

/定义滚动条样式（高宽及背景）/ ::-webkit-scrollbar { width: 7px; / 滚动条宽度， width：对应竖滚动条的宽度 height：对应横滚动条的高度/ background: #fff; box-shadow: 0;}

重写数组的七种方法 reverse sort splice push pop unshift shift手动触发notify更新视图对于splice unshif push三个方法添加的数据再次进行数据劫持（observeArray）如果数组中的数据是引用数据类型的话，会继续对其中的数据进行递归劫持总结下来就两件事：更改数组...