技能

我主要负责Web前端全部页面开发与数据交互实现。技术栈采用HTML5+CSS+JavaScript原生开发，通过WebSocket与后端采集服务通信实现数据实时推送，采用模块化JavaScript架构组织代码。实现亮点：一是看板页面采用CSS Grid+Flexbox布局实现多指标自适应排列，适配不同屏幕尺寸；二是告警模块设计了前端节流防抖机制，避免高频告警刷屏，同时支持告警分级聚合展示；三是历史趋势图表基于Canvas自绘折线图，实现大数据量下的流畅渲染与缩放交互；四是整体采用事件驱动架构，各模块通过自定义事件总线通信，降低模块间耦合度，便于后续功能扩展。难点在于多路传感器数据并发更新时的页面性能优化，以及WebSocket断线重连机制与数据补传的前端处理策略。