性能优化

1.图片懒加载： 1.vue插件  vue-lazyload

                      2.element-ui   可开启图片懒加载功能 加上lazy

                      3.使用IntersectionObserver Api监听某些节点是否出现在可视区域内

                      4.offsetTop（图像距离顶部的高度）-scrollTop(页面被卷去的高度)<=window.innerHeight（可视区高度）才加载

2.减少HTTP请求：减少页面中的资源数量，如合并CSS和JavaScript文件、使用CSS Sprites来减少图片请求，使用字体图标代替小图标等

3.避免频繁的DOM操作和样式改变

4.使用浏览器缓存来存储静态资源

5.延迟加载：将非关键的资源（如图片、广告）设置为按需加载，当用户滚动到其可见区域时再加载，减少首屏的加载时间。

6.预加载：预加载关键资源，如字体、CSS和JavaScript文件，可以提前获取这些资源，以便在需要时可以立即使用。

7.针对大文件上传和导出，采用分片模式。

8.虚拟列表：vue-virtual-scroller