前言 我们首先来回顾一下渲染流水线的流程: 回流 首先介绍回流。回流也叫重排。 触发条件 简单来说，就是当我们对 DOM 结构的修改引发 DOM 几何尺寸变化的时候，会发生回流的过程。比如以下情况 一

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

展示长列表，DOM元素越多，性能也就越差。虚拟列表通过固定的dom元素，只展示可见部分的数据，可以解决dom元素过多带来的性能问题。

前端开发工作者几乎天天与浏览器打交道，熟悉浏览器，能让我们的技术提升，有着质的飞越，对于浏览器运行机制，性能优化等方面，都有所帮助。

如何创建炫酷的列表组件? 这里有网格和行两种布局，并提供了简洁易懂的代码示例。包含了分页加载和虚拟列表的实现原理，让列表更高效。赶快试试这些改进吧！💫🚀