react长列表优化

在展示大型列表和表格数据, 如: 城市列表、通讯录、微博等，会导致页面不流畅、卡顿等性能问题。
原因: 大量的DOM节点的重绘和重排，设备老旧；导致移动设备耗电耗电加快，设备发热。

优化方案: 1.懒渲染 2. react-virtualized (可视区域渲染)

懒渲染: 每次只渲染一部分数据，加载更多时再渲染一部分数据；

优点: 每次渲染一部分数据，数据块
缺点: 等数据量加载到非常多时，页面依然存在大量DOM节点，占用内存过多、降低浏览器性能;

react-virtualized： 可视区域渲染

 

 

github: https://github.com/bvaughn/react-virtualized
列表组件文档: https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md