大屏经典组件：“无限滚动” 从分析到开发

📖阅读本文，你将

1. 理解大屏 “无限滚动组件” 的开发思路
2. 跟随作者，一步步完成一个高性能 “无限滚动组件” 的开发
3. 收获一份该实现的粗糙源码。

一、无限滚动：事件/告警 的有力帮手

1.1 为什么需要滚动列表

大屏之所以 “炫酷” ，相比于 UI 同学出的效果图，它最大的优势就在于 它能动。

哪怕平台可能没有接入 websocket，甚至数据就是静态写死的，客户依然希望数据能在屏幕上 “动起来”。

这会给人一种 “数据是实时的” 的错觉。

这种错觉，或者说故意营造出来的错觉，就是领导们 “讲故事” 的素材之一。

尤其是当业务里涉及到 “事件/告警/威胁/监控” 等元素时，涉及到的数据量很大 —— 几百或几千条，此时，会自己滚动的列表就成了非常适合场景的组件形式：

“ 我们相关部门单据的申请和审批情况也会实时推送到系统中