Cgo8Pro主动安全智能防控平台产品系统

老项目根据国产化需求重构，最终项目技术选型前端采用vue3和vite，后端采用java语言开发及国产化数据库。

集视频监控、位置监控、主动安全、信息管理、数据分析于一体的现代化卫星定位及视频监控智能运营平台。

主要模块包含实时监控，通过车载设备可观察司机驾驶安全行为，终端报警提醒。

技术选型：Vue3全家桶+Vite3、Element-Plus、MapTalks、Echarts、Tailwindcss。

1、参与前端老项目重构方案，研究低代码生成应用方案和生态框架选型。
2、基层建设：Axios请求封装包含无感刷新token及请求缓存重发请求。
3、基层建设：复用组件设计包含函数式组件、jsx组件，组件设计标准满足上传到npm库提供使用。
4、参与整套项目的权限方案设计：按钮级权限、菜单级权限。
5、使用Websocket实现 实时监控车辆数据更新，完善心跳机制、重连断连机制确保车辆数据准确性。
6、地图功能开发：路线绘画车辆轨迹播放、大数据量点聚合、自定义图层（区域、标注点）、导航功能开发。
7、大屏响应式容器组件开发，避免不同比例分辨率导致变形。

项目优化：
1、采用切片渲染设计思路，优化车辆列表勾选关联地图、日志栏车辆数据显示，其优化了万级节点一次性大量勾选
页面卡死或渲染卡顿问题。
2、设计批量更新机制，优化 WebSocket 高频更新车辆数据。
3、实施组件异步加载与资源分包策略，利用浏览器缓存策略优化资源加载。
4、通过Perfomence排查优化长任务代码块，减少代码性能问题。
5、通过Memory内存快照排查内存泄漏问题，其优化了客户端挂载时间长内存占用高问题。