项目名称:企业级智能聊天与协作平台(IM系统)
项目描述:负责企业级 IM 即时通讯系统前端架构设计与核心功能开发,采用 Vue3 + TypeScript + Vite 技术栈,结合 WebSocket 实现实时消息通信,支持单聊、群聊、消息推送、消息状态同步、历史消息加载、表情包管理、敏感词过滤、消息撤回等功能。针对高并发消息场景,设计消息缓存、断线重连、消息队列及状态管理机制,提高系统稳定性和用户体验。
项目中深度参与复杂组件开发,包括富文本编辑器、Markdown 渲染、代码高亮、文件上传预览、图片处理等功能,同时优化大数据量消息列表渲染,通过虚拟列表、懒加载等方式提升页面性能。
负责前端工程化建设,包括组件库封装、权限路由设计、接口管理、自动化部署等,提高团队开发效率。
项目名称:智能 SQL 编辑器与代码协作平台
项目描述:负责开发基于 Web 的智能 SQL 编辑器平台,支持 SQL 编写、语法高亮、代码提示、错误诊断、SQL Diff 对比、智能纠错等功能。项目采用 Vue3 + TypeScript + Monaco Editor 技术方案,实现类似 VS Code 的在线代码编辑体验。
深入定制 Monaco Editor 功能,包括 SQL 语言服务扩展、自定义补全提示、代码折叠、错误标记、Diff Editor、快捷键系统以及代码修改建议展示。结合后端 AI 分析能力,实现 SQL 智能检查和自动修复,提高开发人员编写 SQL 的效率。
针对大型 SQL 文件编辑场景,优化编辑器性能,解决复杂文档渲染、Worker 加载、多实例 Monaco 管理等问题。
项目名称:AI智能助手与内容生成平台
项目描述:参与 AI 对话系统前端开发,构建类似 ChatGPT 的智能交互界面。采用 React/Next.js 技术栈,实现流式消息展示、多轮对话管理、Markdown 渲染、代码块高亮、文件上传、历史会话管理等功能。
基于 WebSocket/SSE 实现 AI 回复实时输出,处理消息分片、网络异常、断线恢复等复杂场景。封装通用 AI Chat 组件,支持多模型接入和动态配置,提高系统扩展能力。
同时优化大模型长文本渲染性能,通过增量更新、虚拟滚动等方案提升大量消息场景下的页面响应速度。
项目名称:企业后台管理系统及可视化平台
项目描述:负责多个企业级后台管理系统开发,基于 Vue3 + TypeScript + Element Plus 技术体系搭建,包括用户管理、权限管理、审批流程、标签管理、应用管理、数据统计等模块。
参与复杂业务组件设计,包括动态表单、拖拽布局、流程图编辑、数据可视化展示等功能。结合 AntV G6/G2 实现关系图谱、流程拓扑、业务数据分析等可视化能力。
负责前端工程优化,包括模块化设计、公共组件沉淀、接口封装、性能优化以及项目部署流程建设,提高系统可维护性和开发效率。