
马超云
高级前端开发工程师
- 上海
- he***@easycv.cn
- 136****1234
- 1990/03
- 个人网站
- Github
工作经历
高级前端开发工程师
腾讯科技(深圳)有限公司 深圳
2022/06 - 至今
腾讯星盘 - 低代码海报生成平台(https://fakeurl.com)
主导星盘平台的架构设计与开发,构建一款基于monorepo 的AI赋能低代码海报设计工具,支持Web端和小程序端,提升用户创作效率与协作体验:
- 熟练使用 Turborepo 搭建monorepo架构,统一管理Web端和小程序端代码库,实现组件复用、依赖共享和一致的构建流程。
- 采用 Vue 3.5、TypeScript 和 Vite 5,构建模块化、可扩展的前端架构,支持微前端模块按需加载。
- 集成 DeepSeek API,实现AI驱动的海报布局生成、智能内容推荐和样式优化,提升设计自动化和个性化体验。
- 优化 ECharts 5,开发动态数据可视化模块,支持实时分析和AI推荐的图表样式,增强数据表达能力。
- 设计基于 JSON Schema 的动态表单系统,支持复杂依赖、实时校验和AI辅助的表单生成,提升配置灵活性。
- 实现高级交互功能,包括拖拽编辑、缩放预览、快捷键操作及版本历史管理(撤销/重做),优化用户操作流畅性。
- 使用 Framer Motion 打造AI驱动的动画和手势交互,提升界面直观性和用户参与度。
- 通过 WebSocket 实现实时协作功能,支持多用户同步编辑,提高团队创作效率。
前端开发工程师
阿里巴巴(中国)有限公司 杭州
2018/01 - 2019/12
项目:Ali Components 基础组件库 (https://github.com/fake)
- 擅长 React 19 和 TypeScript,开发无样式、功能专注的组件库,兼容 Tailwind CSS 4。
- 使用 Vitest 和 React Testing Library 实现单元测试覆盖率超90%。
- 结合 GitHub Actions 搭建CI/CD流程,实现组件库自动化构建和发布至内部NPM。
- 熟练使用 AI辅助代码审查工具(如GitHub Copilot)优化代码质量和开发效率。
项目:祥云内部管理系统
- 熟练基于 Vue 3.5 和 Nuxt 4 进行开发,二次封装 Vue-Element-Admin 框架。
- 设计复杂权限管理方案,支持动态角色配置和AI驱动的权限验证。
- 使用 Vite 5 优化构建性能,提升系统加载速度和用户体验。
- 熟悉 Lighthouse 11 进行性能优化,确保核心Web指标达标。
专业技能
前端开发语言与核心技术
- 熟练使用 JavaScript (ES2025) 和 TypeScript,构建可扩展、类型安全的Web应用。
- 熟悉 Web Components,用于开发可复用的UI组件。
样式与 UI 开发
- 熟练使用 CSS4,支持容器查询和层级管理等高级特性。
- 熟悉 Tailwind CSS 4,实现实用优先的样式设计。
- 擅长 Framer Motion,实现 AI 驱动的动画和交互效果。
现代 JavaScript 框架与生态
- 熟练掌握 React 19 结合 Next.js 15,开发服务端渲染和AI增强的Web应用。
- 使用 TanStack Query 和 Zustand 优化状态管理和数据获取。
- 集成 Vercel AI SDK 实现AI驱动的动态内容生成。
- 擅长 Vue 3.5 结合 Nuxt 4,进行全栈Web开发。
- 使用 Vite 5、Vue-Router 4、Pinia 2 和 Shadcn/Vue 构建现代应用。
- 集成 VueUse 提供可组合的AI交互功能。
AI 集成前端开发
- 熟练集成 AI API(Vercel AI SDK 接入多种大模型),实现动态UI内容和个性化体验。
- 熟练使用 AI 驱动的开发工具(如 Cursor),进行高效编码和自动化开发。
- 熟悉 AI辅助UI设计工具(如 Vercel v0),用于快速原型设计。
前端构建与工程化
- 熟练使用 Vite 5 和 Turbopack,实现快速打包和性能优化。
- 熟悉 Git 结合 GitHub,进行版本控制,熟悉 Git Flow 工作流。
- 擅长 AI辅助代码审查工具(如GitHub Copilot),提升代码质量。