这是我参与「第四届青训营 」笔记创作活动的的第15天，前几天在项目开发过程中遇到了一个对长列表进行优化的需求，总结一下前端开发中比较常见的两种方法：懒加载和虚拟列表，以及其在 Vue3 中的实现。

本文用大白话详细介绍了Iersection Observer API的所有属性，以及涉及到的对像、方法等。

本文主要讲解超长列表渲染的实现方案，当然这个技术又被称为“虚拟列表”、“虚拟滚动”、“无限滚动列表”或者“虚拟列表滚动”等，很多个名字，不管怎么叫吧，总之我们就是要解决一个问题，即前端手里现在有很多数

前端性能如何衡量 前端性能应该如何来衡量呢，其实这个问题 Google 的开发者早就提出了一个 RAIL 模型 来解决这个问题。 RAIL 是 Response、Animation、Idle 和 Lo