. 根据客户特定需求,独立开发数据可视化大屏页面,并通过数据懒加载,解决大量数据渲染问题,
页面加载速度提升 60%。
2. 使用 html+flex 实现页面排版布局,调研了常见的大屏适配方案,本项目中,采用 REM 方式进
行适配,通过 SCSS 函数实现
3. 了一个 REM 计算公式,实现了从 PX 到 REM 单位的转换,对每个图表均进行了字体、间距、位
移的适配。
4. 使用 ECharts 图表动态展示,G6 实现服务器直接链路展示图,
5. 使用 webSocket 进行用户消息推送
6. 大屏中的列表数据实时滚动展示,封装了无限滚动组件,使普通列表也支持连贯的无限滚动