在实现定高虚拟列表的实现之后，不定高的实现方案似乎已经成了不可绕开的话题。在面试过程中也被问过一次，自己写的一个Express+Vue3的小项目中找了个场景使用，遂有此文

主要思路 虚拟滚动列表在首屏加载时只加载可视化区域内需要显示的内容，在滚动时动态计算开始下标、结束下标，展示对应展示数据，始终保持较少的Dom数量。 主要数据字段 screenHeight 屏幕高度即

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

性能优化 这样一个词应该已经是老生常谈了，不仅在面试中面试官会以此和你掰头，而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工)，那么前端性能优化，如果判断到底需不需要做，如果需要做又怎么去

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

在项目中，我们或多或少都会经历一些长列表渲染的难题，本篇文章就为大家详细的解析这类场景的解决方案。内容相对易上手，并不涉及复杂的逻辑，效果立竿见影。还等什么呢，快来看看吧。