负责平台前端架构搭建与可视化大屏开发,基于Vue3 + TypeScript实现模块化组件库,独立完成地图集成、轨迹回放、风险预警等核心功能模块。
采用ECharts + Mapbox实现全国/区域GIS地图渲染,支持车辆打点、路线绘制及地理围栏展示,通过WebGL优化地图渲染性能,确保万级数据点流畅加载。
开发轨迹回放组件,封装播放控制(倍速/拖拽/暂停)、实时状态反馈(速度/里程)等功能,结合WebSocket实现车辆位置实时更新,延迟控制在200ms以内。
构建多维度数据看板,集成仪表盘、折线图、柱状图等可视化组件,通过虚拟滚动技术优化表格渲染性能,支持千级数据量秒级响应。
实现响应式布局与多端适配,针对不同分辨率(1920×1080/4K)及浏览器(Chrome/Edge)进行兼容性优化,确保UI还原度达98%以上。
采用Webpack5进行代码分割与懒加载,结合CDN加速静态资源,首屏加载时间从5s优化至1.2s,通过Lighthouse性能评分提升至90+。
建立前端错误监控体系,集成Sentry实现异常捕获与性能分析,通过自动化测试(Jest + Cypress)保障核心功能稳定性,线上故障率降低70%。