我们经常会遇到有大量的数据需要使用表格的形式展示在界面上的场景，通常一些表格组件会提供虚拟滚动的能力来解决这个场景中出现的性能问题。那么你是否有想过，虚拟滚动是如何实现的吗？今天笔者就带一起尝试写一个

又一次使用antd-table的糟糕体验，让我不得不去考虑自己手写一个虚拟加载的表格。antd-table不支持表头的虚拟化加载，另外也不支持虚拟化加载的同时支持表头伸缩，而这些功能在大数据领域是很常见的展示需求。对于其他的虚拟加载表格，也没见到很好能同时支持虚拟加载和表头伸缩…

用过antd table的可能会发现当设置单页显示200条以上数据的时候，无论是点击分页栏切换下一页，还是进行全选或取消全选功能，都会变得明显卡顿，当然这里的明显因人而异。

前言 Million.js 是一个极快且轻量级（<4kb）的虚拟DOM，可以使 React Component 速度提高70%。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情 大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React 来实现两种虚拟列表组件。 虚

对于长列表这种情况，我们在项目中最常见的性能优化方式有哪些呢？今天笔者正好有时间，那么我就来说一些我知道的吧！以Vue为例，笔者太low 目前还不会react，请各位看官见谅哈。 这就类似于分页功能， 每次下拉触底page++。但这个需要注意一点，有个类似锁的概念,避免出现死锁…

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. ......... 事件捕获和事件冒泡是…

从数据较多的列表页进入详情页返回时，列表页恢复原来的状态。 从一个横向纵向都有滚动条的列表页进入详情页，返回时列表页的活动条恢复到之前到位置。 1.列表用的是antd的table组件，滚动条是这个table组件的，浏览器返回时自身可以记录页面即document的滚动条，但不能记…