自我评价:
• 全流程项目管理与交付经验:具备企业级 AI 应用项目全流程深度实战经验,可独立负责模块需求沟通对接,完成需求梳理策划、跨岗位协同、项目进度跟踪管控,保障项目节点高质量交付。
• 扎实的前端工程化能力:熟练掌握 Vue3/React 技术栈,具备端到端独立开发能力,熟悉前后端协作流程与接口调试与交互问题排查;了解后端流程,可主动推进后端联调与数据对接;注重代码规范与性能调优,追求工程化高质量落地。
• 高效学习与环境适应能力:香港硕士背景,英语流利。关注前沿技术发展并乐于实践,擅长运用AI 应用工具辅助开发与测试以提升人效,对新技术和跨场景挑战有较强的适应性。
• 负责AI工作流项目:对接省属国企客户广东粤海粤西供水有限公司,参与总投资 615 亿元的环北部湾广东水资源配置国家级重点工程智能化建设,承担 AI 工作流平台前端架构设计与业务落地,完成 20 + 业务需求交付上线;基于 Vue3+Element Plus 进行业务模块开发,主导前端交互体验优化与缺陷修复,完成生产环境部署。
• 设计可复用AI场景业务组件,封装文件夹/知识库选择器等3+通用组件,统一交互规范,减少约30%重复代码,提升效率
• 负责工作流编辑器"数据集选择器"节点全链路开发(节点数据、画布组件、配置面板),支持智能匹配知识库/表格数据源,根据情况智能选用不同知识库或表格数据。
• 文件夹选择器基于接口返回的树结构数据,对树做递归过滤(仅保留文件夹层级,过滤dataset叶子节点),保证树只展示文件夹结构;知识库选择优先使用Pinia预加载列表,减少重复请求、提升配置面板打开速度。
• 负责IT培训领域B2C电商平台开发迭代,基于Vue3完成30+需求交付与bug修复。
• 搜索优化:通过防抖、请求取消与缓存,将接口响应从300ms降至50ms。
• 长列表优化:采用Intersection Observer替代scroll监听,配合虚拟滚动,保证60fps海量数据流畅渲染。
• 首屏优化:关键CSS内联、图片懒加载、接口并行,显著改善指标,FCP从1.8s→0.6s,LCP从3.2s→1.5s,保障页面高帧率渲染;首屏加载提速3倍,用户跳出率预计降低约20%。
• 负责部门日常事务与IT支持,协助办公系统维护及问题响应,配合跨部门流程协同,保障各项工作正常推进。
研究方向:人工智能与教育科技,聚焦AI应用垂直领域落地,基于前后端技术开展智能交互平台架构设计及AIGC 上层应用集成的工程化实践,致力于AI集成与Web交互系统的创新开发。
研究方向:物联网工程与系统设计,侧重 Web 前后端全栈开发、计算机网络通信及后端数据处理,具备感知层至应用层业务软件设计开发能力。
• 静默检测防抖机制:利用setTimeout + isFinal标志实现防抖逻辑,动态调整静默等待时间(2-3秒),精准判断话语结束,大量使用useRef规避闭包陈旧值问题。
• 接入LLM:使用Vercel AI SDK的createOpenAICompatible适配器接入阿里通义千问(qwen3.5-flash),将非OpenAI的模型接入标准generateText/streamText接口。
• 基于SSE实现AI对话流式响应:后端利用streamText与toTextStreamResponse搭建实时数据推送服务;前端通过ReadableStream的reader.read()逐块读取二进制流,结合react-markdown实现低延迟的Markdown实时渲染,显著优化长文本生成的用户体验。
• 登录功能构建双端认证体系:客户端使用Firebase Client SDK处理用户登录,服务端利用Admin SDK将短期idToken转换为长期HttpOnly Session Cookie,实现安全无状态的会话管理,降低XSS攻击下Cookie被窃取风险。
• 面试对话上下文管理:设计面试对话上下文管理策略,维护多轮对话历史窗口,结合System Prompt约束AI面试官行为,确保追问逻辑围绕候选人回答展开。
• 面试评估报告生成:面试结束后调用LLM对候选人全部回答进行结构化评估(表达清晰度、技术深度、逻辑性),生成可视化评分报告与改进建议;面试完成率提升,用户平均面试时长延长15%。
项目地址: https://vocamint.vercel.app
• 技术栈:Vue 3、TypeScript、Pinia、Element Plus、Vue Flow、Zustand、ECharts。
• 项目介绍:FlyGPT是一套面向企业级场景的无代码AI工作流构建平台,用户通过拖拽节点灵活编排AI应用逻辑。
• 实现虚拟列表:在知识分段列表场景使用vue-virtual-scroller做虚拟滚动,只渲染可视区域+少量缓冲,配合滚动触底加载下一页。
• 数据可视化:基于ECharts封装通用图表组件,按日期维度+数据来源维度实现"每日对话/工作流运行次数"堆叠柱状图,可按时间区间动态切换并联动刷新统计数据。
• 画布历史状态管理:基于Zustand + zundo创建带时间旅行能力的Store,保存用户操作事件,通过深比较去重过滤无意义历史记录。
• 可视化拖拽引擎:基于Vue Flow实现节点自由编排的拖拽交互,支持多层级节点嵌套下的状态同步与连线交互;支持非技术人员自主编排工作流,减少约50%的需求沟通成本。
• 前端基础与AI开发提效:熟练掌握HTML5、CSS3、JavaScript (ES6+)、TypeScript;理解HTTP协议、TCP/IP通信过程,可快速排查接口与网络异常;擅长借助主流AI开发工具(Claude、Gemini)辅助复杂逻辑调试、代码优化重构及疑难问题排查,高效解决开发与线上难题
• 框架与状态管理:熟练使用Vue3(Pinia/Vue Router)、React/Next.js (SSR),具备函数组件独立开发能力;了解React Native跨端开发,具备多端开发视野
• 组件库与数据可视化:熟悉Element Plus、Ant Design、shadcn等主流组件库;熟练运用ECharts实现数据可视化
• 工程化与协作:熟悉Vite构建流程,掌握Git团队协作;了解Turbopack等现代构建工具
• 后端基础与全栈协作:了解 Node.js、Python (FastAPI) 后端开发逻辑,掌握 MySQL/Redis 数据库操作;熟悉 Linux,具备前后端联调与接口开发能力
• AI 应用能力:具备 LLM API 集成、AI Agent 上层应用实战经验;熟练使用 AI- Coding 辅助开发提效,可借助 AI 工具调试、重构代码,熟悉 SQL 数据库