前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化...

有时我们会遇到一些业务场景，要展示的列表很长，且不能使用分页的方式，如果一次性把数据全部渲染到页面，浏览器将变得非常卡顿，因为渲染 `dom` 需要耗费大量时间。`虚拟列表` 就是对长列表的一种优化方式，通过只渲染可视区域数据，大大提高渲染性能...

前言最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系，本来打算自己留着复习，毕竟是整合的也不是自己写的，看现在马上金三银四了...