实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。

很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来

今天我们来聊一聊一个和性能优化方面相关的问题：图片的懒加载和预加载。那什么是图片的懒加载和预加载呢？其实就是怎么去加载图片，当面对大量的图片资源时，我们怎么去处理它们。 图片的懒加载指的就是当用户打开

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

【实战】前端工程化，技术栈react + ts + storybook 这个专栏我们已经完整的搭建完成了一个组件库项目，本篇我们讲解一下几种虚拟列表、定高、动态高度虚拟列表的实现