笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

首先说一下首页加载为什么会白屏? 先说下 SPA 单页面的加载过程 首先就是 html ,也就是 FP 阶段 然后是静态资源css，js，之后解析js，生成HTML,也就是 FCP 阶段，css,js

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情 防抖和节流 防抖和节流，这个在我们的前端生涯中，这两个名词肯定不陌生，甚至经常被人问起： 两者有什么区别？

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

这是前端性能优化系列的文章，讲述一下市面上常见的前端长列表滚动性能优化的方案，并提供各个框架的实现策略，供大家参考！

虚拟滚动作为长列表的重要性能优化手段，能给用户带来体验感的飞跃提升，因此也成为前端页面仔的必备技能。今天我们就来瞅瞅到底什么是虚拟滚动，以及她的实现（React方式）。