权限管理与安全机制优化：利用 koa-jwt 中间件与 jsonwebtoken 库构建了基于 Token 的权限管理系统。实现了用户身份鉴权和动态路由守卫，针对不同用户角色进行权限控制。同时，结合 jwt-decode 获取用户信息，动态参与业务数据的提交，提升了安全性与用户体验。 空间数据可视化与分析：结合 Mapbox、AntV L7 和 Turf.js 技术栈，构建了旅游景点的空间地理数据可视化平台。实现了自定义查询、数据过滤及多维度数据分析功能，增强了用户对景点分布及相关信息的直观理解。项目中基于复杂地理计算优化了性能，提升了数据处理和渲染的效率。 多数据源设计与优化：设计了基于 MySQL 和 MongoDB 的混合数据库架构。通过合理的数据模型设计，高效管理结构化数据（如景点信息）与非结构化数据（如用户信息、行程规划等）。支持复杂查询需求，优化了数据存储与检索的性能，实现了结构化和非结构化数据的灵活处理。 前端性能优化与实时交互：通过防抖函数优化了输入框的请求频率，提升了用户输入体验与系统响应速度。使用 OpenLayer 实现了地图的点击查询功能，结合 Expre***了 API 和 WebSocket 实时通信系统，并对 Axios 进行二次封装，确保高效的数据请求与传输。同时，前端封装了 WebSocket 插件，通过 Vue 事件总线集中管理数据的推送和分发，提升了应用的实时交互能力。 可视化大屏设计与组件复用：基于 Ant Design 构建了可视化大屏框架，二次封装了多个组件模块，并提取出如 TempCard 等气象相关组件，极大地提升了代码复用性，降低了开发中的代码重复率。此外，使用 Echarts 实现了个性化的动态图表，丰富了数据展示的效果，并增强了大屏应用的视觉冲击力与实用性。 离线支持与数据管理优化：通过 workbox 自动生成 Service Worker 文件，并为静态资源和 API 请求分别配置了缓存策略，有效提升了应用的离线支持能力和加载性能。同时，使用 pinia 统一管理 localStorage 中的历史访问数据，使得用户能够方便地访问历史记录，进一步优化了用户体验。