欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 导读 本文适用于以下三种读者 只想要了解一下虚拟列表 可阅读“实现一个简单的虚拟列表”之前的部分 想初步探究虚拟列表的具体实现 可重点阅读“实现一个简单的虚拟列表 ...

有一个很长的列表需要展示，如果是全部直接全部展示，会因为一次性创建了太多的DOM节点，从而导致卡死。（除非分页） 解决办法是： 采用虚拟滚动。 比如有1K条数据，但是我们可以看到的部分可能只有几十条，所以，那些我们看不到的dom节点，完全没有必要去渲染。所以，虚拟滚动就是只渲染可视部分的dom节点 ...

虚拟列表 什么是虚拟列表 虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术 为什么需要虚拟列表 虚拟列表是对长列表的一种优化方案。在前端开发中，会碰到一些不能使用分页方式来加载列表数据的业务形态，我们称这种列表叫做长列表。比如，手机端，淘宝商品展示，美团外卖 ...

需求来了 项目中有一个移动端的长列表，考虑再三，决定用虚拟列表优化一下，关于虚拟列表的实现网上有挺多方案的，为了省时省力还是决定采用成熟的第三方库，于是开始 github 之旅~ 搜索关键字 vue virtual ，选取前两个 star hin 高的项目，展开看看对比对比看看哪个符合我的要求 ...

我觉得虚拟列表性能会比较好，所以强烈推荐使用虚拟列表，然后同事跟我说虚拟列表，子项的高度都是一致的，没办法自适应高度，一看，是这样 1.必须传递高度值 2.虚拟列表的高度也必须传递 并且height属性一定要是一个固定值，不能是百分比或vh/vw等。可以在computed里面进行一系列处理 ...

note 虚拟列表可有效加载大量数据 需要处理listctrl的 LVN_GETDISPINFO 消息 使用虚拟列表 不能 使用 insert的方法插入数据，而是告诉listctrl 当前要显示多少行 使用SetItemCount函数告诉listctrl当前显示多少行 使用 ...

在使用Taro开发微信小程序时，需要加载长列表数据，在官网找了相关的VirtualList虚拟列表的组件，要么版本过低（项目中使用3.0.1版本），要么使用不方便（可能是自己没看懂的问题），官方也说有虚拟列表就是长列表加载，使用后发现性能不能达到满足，于是就参考网上的虚拟列表的思路 ...

谷歌的时候搜到自己写的博客，感觉太low了，重新写了一篇，希望大佬指导！ 前言 大部分小程序都会有这样的需求，页面有长列表，需要下拉到底时请求后台数据，一直渲染数据，当数据列表长时，会发现明显的卡顿，页面白屏闪顿现象。 分析 请求后台数据，需要不断的setData，不断的合并数据 ...