搭建对应可视化展示页面,通过大屏展示实时数据的更新。主要职责:
1.负责整体页面布局,实现复杂边框样式及部分动画效果
2.使用 Echarts 快速响应需求,用 D3 制作定制化图表
3.尝试引入 css-houdini,进行部分页面效果开发;利用 GPU 硬件加速,提高渲染效率
4.使用 koa 搭建中间层,合并前端请求,由中间层进行拆分处理,避免由于 http 原因造成请求阻塞;采用服务端渲染,减少首屏渲染时间
5.在动态预警子业务中,使用 websocket 进行通信,由后端推送实时数据取代被动的轮询请求
6.优化页面,采用 BigPipe 提高性能,通过流的方式进行分段渲染;引入 quicklink,利用浏览器空闲时间对 a 标签里的内容进行预加载,大大提高速度
点击空白处退出提示












评论