有文章介绍了「vue-virtual-scroller」的源码，但代码核心讲的不够，市面上也没找到虚拟列表大量滚动时闪白屏的解决方案。所以本文细致的讲一下问题是为什么会出现，如何修复。

对应的，非连续滚动定义为 快速滚动，初始化一个空的 map -- unusedIndex, 作用是记录同类型的 unusedPool 需要从哪个索引开始取值。 定位项与滚动条位置对应，可以理解为滚动条水平方向指向的那个列表项。 列表项采用 Render Props 的形式，用 …

大部分浏览器采用的是异步滚动模型。在该模型中，视觉滚动位置在合成器线程中更新，并在 scroll 回调执行前可见 如果将原 scroll 事件的处理放到滚轮事件中处理的话， scrollTop 拿到的是之前的值（passive=false，浏览器并不知道是否要滚动，会不会被 p…

写在最前 看官们好，我叫JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧 引出 作为一名前端工程师，大数据量的展示是我们日常的面临的挑战之一 大数据量展示的场景当中我们碰到比较多的就

lodash 是一个非常常见的工具包，但在实际项目中，我们并没有使用 lodash 的提供的所有方法，因此我们会通过按需引入的方式去使用 lodash，进而减少产物的体积。

一、监控哪些指标？ 页面性能指标 FP：首次绘制 First Paint：标记浏览器渲染任何在视觉上不同于导航前屏幕内容之内容的时间点 FCP：首次内容绘制 First Contentful Pain