项⽬描述:分为 PC 端、h5 端和管理后台。一个在线学习、互动直播平台。提供图文、点播、直播的课程学习，学员和讲师的双端界⾯操作。集团 3000+ 员工的日常视频培训、技术分享等都在该平台上进⾏。 技术栈:vue、vue-router、vuex、webpack 等。 主要工作:1. 前端开发进度的把控与推进; 2. 播放器组件和部分功能模块页⾯的研发; 3. 页⾯代码优化，制定开发规范。 项目收获:1. 基于 HLS 协议和 DPlayer 搭建视频点播、直播体系; 2. 针对图文课程，使⽤用 pdf.js 实现 pdf ⽂件的在线阅读，并提供翻⻚功能; 3. 针对项⽬代码不规范问题，总结并输出了前端开发规范文档，项⽬代码规范得到统一。

本项目是一款面向国内用户的数字货币交易平台，提供实时行情展示、买卖交易、K 线图 分析等核心功能。系统采用 WebSocket 进行行情数据推送，结合 Canvas 实现高性能的行情图绘 制，确保数据展示的实时性和流畅度。该系统支持多种数字货币交易，可视化市场动态，为用户 提供直观的交易决策支持。 技术栈: 前端框架:React 状态管理:Redux 实时通讯:WebSocket 图表渲染:Canvas、ECharts 网络请求:Axios 个人贡献: • 负责 WebSocket 行情数据的接入与优化，确保数据高实时性。 • 设计并实现高性能 K 线图组件，提高图表渲染效率。 • 参与 WebSocket 断线重连策略设计，提升系统稳定性。 • 进行前端性能优化，提高页面流畅度。 项目难点及解决方案: 1. 行情数据的高频更新优化: 采用 WebSocket 进行数据推送，减少 HTTP 轮询带来的性能损耗。 通过计算对比数据，仅更新变更部分，降低渲染压力。 2. 高性能 K 线图渲染: 采用 Canvas 进行图表绘制，相较于 DOM 方式提升渲染效率。 数据量大时采用 requestAnimationFrame 进行动态绘制，减少页面卡顿。 结合 WebGL 实现更流畅的缩放与拖拽交互。 3. WebSocket 断线重连机制: 监听 WebSocket 状态，断线时自动重连。 采用心跳检测机制，防止长时间连接断开。 在网络恢复后，快速同步最新的行情数据，确保用户获取实时信息。 项目成果: • K 线图渲染性能提升 50%，缩放、拖拽交互更流畅。 • 用户活跃度显著提升，交易频次增加，受用户广泛好评。

本项目是一款专注于心理倾诉和情感支持的在线服务平台，旨在为用户提供一个安全、私 密的倾诉空间。用户可以通过匹配机制找到倾诉对象，或直接与专业倾诉师进行实时交流。系统 支持多种沟通方式，包括文字、语音等，依托网易云信 IM SDK 实现高稳定性、高并发的即时通讯能力，确保聊天流畅、实时送达。该系统覆盖*小程序、支付宝小程序、h5端，确保用户可 以随时随地畅通倾诉，并结合智能推荐和数据分析优化匹配效果。 技术栈: 前端框架:Vue2 状态管理:Vuex 小程序端:Uniapp 即时通讯:网易云信IM SDK 网络请求:Axios 个人贡献: • 负责小程序多端开发与适配。 • 参与网易云信 SDK 的集成，实现聊天核心功能。 • 设计并优化聊天界面交互，提升用户体验。 • 优化项目打包体积，解决小程序上传2M大小限制。 项目难点及解决方案: 1. 消息实时性与可靠性: 采用网易云信 IM SDK 结合 WebSocket，确保消息的高实时性。 设计断线重连与消息重发机制，避免因网络波动导致消息丢失。 2. h5与小程序的兼容问题: 采用 UniApp 进行跨端开发，减少业务逻辑重复。 使用 flex + postcss-px-to-viewport，确保不同屏幕尺寸下的 UI 一致性。 封装通用webview页面，统一处理小程序与h5页面参数传递、事件通信。 项目成果: • 累计用户20w+，用户日活跃数达到 500+，整体体验流畅度提升 30%。 • 客户倾诉问题反馈率降低50%。