使用时间分片requestAnimationFrame +fragment or 虚拟列表 解决前端如何一次性渲染十万条数据的问题

如有问题，请评论指正。码字不易，点个赞再走呗！

项目简介 这是一个 vue3 + vite 搭建的PC端web应用，基本上使用的是vite的默认配置，没有专门做过性能优化。随着业务的迭代，目前项目已经成为存在23W+ 代码行数的大工程，存在一定的性

关于性能优化作为前端开发人员或多或少都可以说出一些来，但是你会发现总是这么没有条理。那么我们应该如何有条理的进行性能优化分析呢？ 本文将从用户输入一个URL请求一个页面来分析整个过程，看有哪里是非常耗费性能的，然后在针对性的去做优化。 连接建立之后，浏览器端会构建请求行、请求头…

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。