王 杰
上海 | 可全国
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 等