前言 react的虚拟化无限滚动有别人写好的，antd的list组件里也有这种虚拟化组件，antd虚拟化列表地址。 由于上次写了一篇浅显的滚动性能优化后发现这种技术可以更大的提升效率，并且上次那篇的蛮力实现的思维走入了死胡同，而这种方案让我立马来了兴趣，想要实现一番。 原理 原理就和我在那篇评论里留言的差不多，就是每次只显示固定的几个div，滚动时把div给换掉。 这东西实现起来难点有下面几个： 一、滚动条的出现 二、可视区域流畅移动 三、闪屏优化 这玩意就不按步骤写了，主要说一下这几个难点是怎

白乌鸦 White Raven是一个由实现的即时通讯（IM）应用，其名取自 。 目前，至少仍处于开发中，本项目运行后将使用Mock Data提供预览效果。 （画饼）路线 文件 提供初步可用的，用户可以根据该API自行提供的程序，包括调整一些现有的即时通讯平台。 UI /组件：秉着练手的原则，项目目前的UI组件全部自行编写，尽量不发布第三方组件库。 虚拟化列表； 无限滚动+虚拟化消息列表； 懒加载Switch导航组件； 模态对话框组件； 文本高亮组件； 私聊，群聊相关界面； 富文本输入框；

ReactList 一个通用的无限滚动组件。 安装 bower install react-list # or npm install react-list ReactList取决于React。 例子 请查看和，以获取不同配置的示例。 这是另一个让您入门的简单示例。 import loadAccount from 'my-account-loader' ; import React from 'react' ; import ReactList from 'react-list' ; c