vue性能优化
文章平均质量分 97
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
Vue首屏优化方案
在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首屏的体验。原创 2024-03-11 20:00:01 · 1400 阅读 · 0 评论 -
Vue性能优化方法
1 在项目中,有一个比较大的组件需要加载,但是这个组件并不是每个页面都需要用到。我们大家都知道我们vue页面中所有的dom都是通过js执行然后才渲染完成的,我们的html代码实际上仅仅只有几十行,那么我们如果加载js时很慢页面就会出现一段白屏阶段,那么这个白屏阶段给用户的体验就不是很好,我们是否可以给一些显示给用户看呢?当我们的js加载完成之后我们的img就会被覆盖了,所以这种效果是特别好的,因为静态资源是在我们的项目当中直接有的,所以加载效率会特别的快,所以尽量让图片的大小变小这样会更好的提高项目效率。原创 2023-11-29 19:59:51 · 1054 阅读 · 0 评论 -
vue-virtual-scroller的使用,展示巨量数据,长列表优化,虚拟列表
二、vue-virtual-scroller的使用,长列表优化,虚拟列表,纵想丝滑对于长列表数据有 10万 多条来说,我们大部分的操作都是:1.懒加载,分页,2.Object.freeze 冻结数组取消响应式,因为大多时候都是展示3.高清图替换成缩略图,因为很多时候长列表的图尺寸都比较小,所以可以用小图来代替以上能解决大部分的长列表问题,在可以分页的情况下。但是,还有两个问题未解决,那就是:1.不能分页的时候怎么办2.当用户向下滑动加载了很多很多的内容时,可能是1000个10000原创 2023-08-06 22:35:01 · 5896 阅读 · 0 评论