王 杰
上海 | 可全国 18720992579 wyc2000sgz@126.com 求职意向:前端开发工程师
照片
工作经历
  • Cisco 前端工程师 | AI 助手平台 | 驻场合作 2025.01 – 至今
  • 独立产品开发(Web3 工具) 前端开发 | 产品负责人 2022.02 – 2024.09
  • 华为技术有限公司 前端工程师 | HoloSens 摄像机平台 | 项目合作 2020.05 – 2022.01
  • 网易(杭州)网络有限公司 前端工程师 | C 端高性能 2018.07 – 2019.12
教育背景
浙江大学 软件工程 | 硕士 2017.09 – 2019.06
南昌大学 土木工程 | 学士 2012.09 – 2016.06
专业技能
  • 熟悉 JavaScript(ES6+)、HTML、CSS 等前端基础技术,具备扎实的页面开发与交互实现能力
  • 熟悉 React 与 TypeScript,具备复杂产品与中后台系统开发经验
  • 熟悉前端工程化体系,具备 CI/CD、Webpack、Vite 等工程实践经验
  • 熟悉前端性能优化与 SSR 相关方案,了解常见前端安全问题及防护思路
  • 了解数据结构与算法基础,具备良好的逻辑分析与问题拆解能力
  • 了解 Node.js、MongoDB,具备一定全栈开发与联调能力
  • 了解 Hybrid App 开发模式与主流跨端技术方案,具备移动端技术选型与方案评估经验
  • 英语 CET-6,具备全英文办公与日常工作沟通能力
职业亮点
  • 具备复杂前端业务落地经验,能够独立推进页面开发、交互实现与问题排查。
  • 具备良好的跨角色协作能力,能够与产品、设计、后端高效沟通,推动需求高质量落地。
  • 持续关注 AI 辅助开发与效率工具,能够将新工具应用到实际研发流程中,提升交付效率。
近期关注与技术分享
  • 全自动建站部署流水线(个人项目):基于 AI Agent 封装 Skill 工作流,实现从脚手架生成、Git Push 触发 Vercel 自动部署(Vercel API + Git Integration)到 Google Search Console 接入的全链路自动化,零人工干预完成站点批量生产与数据监控。
  • Harness Engineering 分享:关注 AI 编程代理的工程化落地,做团队内部技术分享,探讨如何让 AI Coding Agent 在实际研发流程中真正可用(Superpowers 工程化方案)。
  • 跨端 / 跨平台技术选型:主导移动端跨端框架选型调研(Web App / Cross-Platform / Native 三类方案对比,以及桌面端跨平台框架选型分析(Electron vs Tauri)。
项目经验
Helios AI 助手平台|B端 Web 前端开发
项目描述
  • Helios AI 平台是面向企业内部场景的 AI 助手平台,基于内部知识库提供 RAG 问答、Assistant 配置管理与 MCP Tools 接入能力,支持自动化 AI 工作流搭建。
主要职责
  • 负责企业级 AI 助手平台前端开发,覆盖大模型对话交互、Assistant 配置管理后台及前端工程化建设,持续优化复杂场景下的交付质量与系统稳定性。
  • 全年提交代码行数 10w+。
工作成果

核心链路:AI 对话流式交互

  • 负责 AI 对话 SSE 流式交互链路建设,设计 StreamQueue + ULID 边界识别的两层事件保序机制,配合流式事件状态机管理 13+ 种事件类型的渲染生命周期,推动相关线上渲染问题清零。
  • 设计 MCP Tool Call 三级权限审批中断恢复机制,支持用户偏好双层缓存(localStorage + API),实现跨会话的审批记忆与断点续接。

交互体验优化

  • 针对长文本流式回答场景,基于 IntersectionObserver 设计用户意图感知的智能滚动机制,减少自动滚动对用户阅读的打断,提升回答浏览体验。
  • 重构 Markdown 代码块交互体验,引入 Monaco Editor,解决其与 Astro ClientRouter 的兼容冲突,通过 Lazy 加载 + manualChunks 独立分包 + Worker ESM 配置控制 2.5MB 编辑器对首屏的性能影响。

后台健壮性设计

  • 负责 Assistant 配置管理后台页面开发,采用 AbortController + Debounce 解决高频请求下的竞态与结果覆盖问题,提升数据一致性与请求性能。
  • 基于脏检查机制识别表单改动状态,并设计多场景保存提示(关闭标签页、ESC、切换 Tab 等 5 种退出路径),降低误操作导致的数据丢失风险。

工程化改进

  • 通过包装插件方案修复 Vite 插件 sourcemap 错位问题,降低调试定位成本。
  • 解决原子化 CSS 与 Astro SSR 的兼容问题,增强线上渲染稳定性。
技术栈:React、TypeScript、Astro、Solidjs、MUI、Tailwind CSS 等
项目经验
HoloSens 摄像机控制平台|B端 Web 前端开发
项目描述
  • 华为 HoloSens 摄像机控制平台的 web 界面。摄像机用于交通监控、道路卡口、公共场所监控等用途,控制平台为用户提供一站式的监控设置以及管理功能。
  • 平台服务摄像机台数 200w+,支持摄像机款型种类 300+。
主要职责
  • 负责云台控制(PTZ)模块,主要涉及镜头调动相关功能配置,进行需求开发、代码维护和重构,进行架构优化等。
工作成果
  • 通过优化 Promise 处理流程和组件数据绑定机制,实现对嵌套异步数据加载的支持,有效避免了接口异常导致导航栏加载失败,以致于阻塞全部流程的问题,降低 Web 界面故障率 60%
  • 引入任务池机制,进行跨业务模块的请求缓存和优化,冗余请求减少 30%,平台性能提高 20%
  • 使用延迟任务和单例模式,实现页面视频流资源的跨页面复用,减少切换页面时控件重新加载导致的性能问题,此优化覆盖 30%的核心页面,将这些页面加载时间缩短 90%
  • 通过系统化的业务梳理和针对性解决遗留问题,实现项目重写和多通道架构改造,超预期交付,效率提高 40%,减少 4 人月的损耗。
技术栈:React、TypeScript、Webpack、Vite、UCD 等

大型游戏官网、活动页面开发与优化|PC + Mobile Web 前端开发
项目描述
  • 通过高性能、用户友好的游戏官方网站及活动专题页面制作,增强用户粘性、提升用户参与度,减少用户流失,提升复玩率。
  • 涉及《倩女幽魂》、《遇见逆水寒》、《天谕》等多个高流量热门游戏。
  • 网站日访问量(PV)达 10w+
主要职责
  • 负责开发和优化多个高流量游戏官网、活动专题页面。
  • 实现网站动画效果和用户交互流程,运用前端优化手段进行性能优化,提供最佳用户体验。
  • PC 端兼容到 IE10,移动端适配各机型包括 iPad 等。
工作成果
  • 利用一整套性能优化手段,包括首屏加载优化路由和组件懒加载动画压缩缓存管理Webpack 打包优化等,大幅提升页面性能,关注 LCP/FID/CLS 性能指标,把复杂移动端页面加载时间(LCP)从 1.5s 降低到 500ms
  • 利用无限加载或虚拟滚动方案,优化大数据量列表加载页面,有效解决复杂业务场景下,图文列表页面的卡顿问题,性能提升达 60%
  • 通过动画方案调研与选型,解决多种场景下的动画表现力与页面性能的平衡问题,并解决兼容性问题,提升用户访问 PV。
  • 封装动画库组件,解决移动端动画联动问题,提高复用性和拓展能力,研发速度提升 30%。
技术栈:React 全家桶、Vue2 全家桶、CSS3、Less、Webpack、Swiper、Zepto、TweenMax 等