虚拟列表用来解决大数据量数据渲染问题，由于一次性渲染性能低，所以诞生了虚拟列表渲染。该场景下可视区高度都是相对固定的。相对固定是指在一定条件下可以被改变。 虚拟列表的要做的事是确保性能的前提下，利用一

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

我们作为前端，平时遇到的一大类工作就是展现各种的数据，而列表就是其中一个通用的形式，无论是像Google这样的搜索引擎，到像Facebook、Twitter这样的用户社区，列表都是最为重要的展现形式。

以前听到“虚拟列表”感觉非常的高大上，直到我弄清楚它的原理，发现它是如此的简单！虚拟列表是指对列表的“可视区域”进行渲染，对“非可见区域”不渲染或部分渲染，从而极大提高渲染性能的一种技术。

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

前言 这是一道面试题，这个问题出来的一刹那，很容易想到的就是for循环100000次吧，但是这方案着实让浏览器崩溃啊！还有什么解决方案呢？ 正文 1. for 循环100000次 虽说for循环有点l

模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json

vue的预渲染prerender-spa-plugin的使用和填坑，针对官网、营销页等场景，有效的解决Vue的SEO问题。