随笔分类 - 优化性能

vue2实现虚拟列表

摘要：1.vue-virtual-scroll-list插件这个插件就是vue中的一个长列表的插件，官网地址：https://tangbc.github.io/vue-virtual-scroll-list/#/ 来看一下该组件的渲染情况：可以明显看出，其渲染的时候，DOM节点数量都是固定的，并不会将阅读全文

posted @ 2023-02-01 23:52 强者之途阅读(5594) 评论(1) 推荐(0) 编辑

后端返回数据让前端做导出

摘要：业务背景如果后端只返回数据让前端做导出，那么数据量多会导致页面卡到假死状态，js是单线程，循环处理数据的同时页面会卡死，不用说用户，就连自己也会受不了，所以就可以使用webWorker开多一个进程来处理数据。在前端对透视表数据导出为excel进行下载，透视表数据最高可到百万个单元格以上，因此在主阅读全文

posted @ 2022-12-04 01:21 强者之途阅读(506) 评论(0) 推荐(0) 编辑

数据量太大，DOM节点加载过多，怎么保证前端在渲染的时候页面不会卡（性能优化）

摘要：一、定时器分批渲染既然一次渲染10万条数据会造成页面加载速度缓慢，那么我们可以不要一次性渲染这么多数据，而是分批次渲染，比如一次10000条，分10次来完成，这样或许会对页面的渲染速度有提升。然而，如果这13次操作在同一个代码执行流程中运行，那似乎不但无法解决糟糕的页面卡顿问题，反而会将代码阅读全文

posted @ 2022-09-28 16:54 强者之途阅读(1166) 评论(0) 推荐(0) 编辑