简单简历 作品
马超云

马超云

高级前端开发工程师 上海

工作经历

2022/06 - 至今

高级前端开发工程师

腾讯科技(深圳)有限公司 深圳

腾讯星盘 - 低代码海报生成平台(https://fakeurl.com)

 

负责星盘系统 Web 端架构设计以及开发工作。

作为一个全新的项目,使用了目前 React 最新的技术栈:

  • 使用 Next.js 以及 Typescript 作为开发框架和语言。
  • 使用 ZustandReact Router 以及 React Query 等一系列最新周边生态工具。
  • 使用 Radix UI 以及Tailwind.css 作为无样式组件库以及样式解决方案。


使用如下技术攻克一系列技术难题:

  • 二次封装 React Virtualized 借助虚拟渲染的设计,提升大数据量渲染的性能问题。
  • Formik 作为表单状态管理库,提升大表单数据的性能问题。
  • 使用 Framer Motion 添加高质量的交互效果。
  • 封装 Zustand 的功能实现状态的 Redo/Undo 功能。
  • 通过 文件分片 / 分片生成 Hash / 合并请求 实现大文件上传以及断点续传


2018/01 - 2022/02

前端开发工程师

阿里巴巴(中国)有限公司 杭州

主导和开发项目基础组件库 Ali components(https://github.com/fake)

  • 使用 React 以及 Typescript 作为开发框架和语言。
  • 设计为无样式 headless 组件库, 实现良好的可访问性。
  • 高度自定义以及可组合式的 API 设计
  • 使用 Jest 以及 React Testing Library 实现单测覆盖率大于 90%
  • 结合 Github Actions 完成CI/CD 以及自动发布至内部 NPM


负责祥云内部管理系统的开发工作

  • 使用 Next.js 进行开发
  • React-Admin 上进行二次封装
  • 解决复杂权限配置问题

专业技能

使用 Javascript(ES6)/ Typescript 进行前端开发,并且熟练掌握以下框架

  • React 通用框架:Next.js / Astro
  • React 状态管理:Zustand / Jotai / Redux
  • React 组件库:Radix UI / Ant Design
  • React 常用库:React Query / Formik
  • React 测试: React Testing Library

熟练使用 CSS3 以及周边工具

  • 样式库:Tailwind.css
  • 解决方案:CSS Module / Styled Components / Emotion
  • 预处理器:Sass / PostCSS

掌握通用的前端工程化以及构建工具

  • 使用 Webpack / Vite 完成Web 应用打包以及对应的前端性能优化的经验。
  • 掌握使用 Rollup 完成组件库打包以及发布的过程。
  • Prettier / ESLint 管理编码风格标准。

熟练使用Git进行版本控制和代码托管,熟悉Git flow

教育经历

2010/09 - 2012/06

硕士

清华大学 软件工程

2006/09 - 2010/07

学士

湖南大学 计算机科学与技术

点击预览其他主题颜色