项目描述
个人响应式网站，融合动态3D交互、数据可视化与地图展示，通过性能优化方案提升用户体验，设计前端监控系统并实现安全部署，完整呈现现代前端工程实践。
难点与优化
核心交互与可视化：
运用 WebGL实现动态粒子背景特效，集成 ECharts 图表可视，并接入 地图 API 实现轨迹可视化；封装设备监听Hooks，实现图表、地图及跨端交互的多端响应式适配。
性能优化实践
基于 Intersection Observer 实现虚拟列表懒加载，并解决异步竞态问题；借助Lighthouse 评估并优化代码分割、资源压缩与缓存等策略，从而改善 Web Vitals 性能指标。
部署与监控
部署阿里云服务器并配置Nginx反向代理与HTTPS安全加密，开发前端监控SDK实现性能指标、错误日志及用户行为的采集与上报。
收获与计划
项目利用 WebGL、ECharts 和地图 API 实现可交互的动态数据可视化，实践优化系统性能并开发自研监控 SDK；计划构建内容管理与监控平台，支持数据存储与性能实时追踪。