1. 在线教育直播平台(Vue3 + WebRTC)
- 技术栈:Vue3 + Pinia + WebRTC + Tailwind CSS
- 功能亮点:
- 实现实时音视频互动、屏幕共享与白板协作功能;
- 集成弹幕系统与课程回放模块,支持HLS流媒体播放;
- 使用IndexedDB缓存课程资料,优化离线访问体验。
- 学习价值:深入Web实时通信技术,熟悉音视频处理与性能优化。
2. 数据可视化分析系统(D3.js + ECharts + Node.js)
-技术栈:React + D3.js + ECharts + Express + MongoDB
- 功能亮点:
- 动态生成柱状图、热力图等交互式图表,支持数据筛选与导出;
- 后端通过Node.js爬取公开数据集(如政府开放数据),提供RESTful API;
- 使用Web Worker优化大规模数据渲染性能。
- 学习价值:提升数据驱动开发能力,掌握复杂图表定制与大数据处理。
3. 跨平台旅行规划工具(React Native + Uniapp)
- 技术栈:React Native(iOS/Android) + Uniapp(小程序) + 高德地图API
- 功能亮点:
- 多端适配:一套代码同时生成App、微信小程序及H5页面;
- 集成路线规划、景点推荐与实时天气查询功能;
- 使用Redux Persist实现本地行程数据持久化。
- 学习价值:实践跨端开发技术,掌握混合应用性能调优策略。