RESUME

Web前端开发工程师

教育背景

2021.09 - 2025.06 浙江水利水电学院 - 本科

专业技能

  • 熟悉HTML、CSS、JavaScript等前端开发技术,了解TypeScript。
  • 熟悉Vue框架生态,包括Vue2,Vue3,Uniapp,Vue-Router,Vuex,Pinia等。
  • 熟悉弹性布局响应式布局,熟悉JS事件循环原型,闭包等Vue响应式原理,了解浏览器工作原理。
  • 具有相对完整的前端工程化经验:ESLint、Pnpm、monorepo、PostCSS、Prettier、Husky等
  • 对主流的前端库、框架工具有过实战使用经历,包含:ECharts、Tailwind、PostCss、ELement、antd等
  • 了解计算机网络相关知识,如TCP/IP、HTTP、HTTPS协议等。
  • 了解并且掌握Node核心模块以及Express框架的使用。

实习经历

广州亚信技术有限公司杭州分公司

技术研发部 Web前端开发 · 2024·12-至今
  • 在团队中分享使用 Copixel 进行项目 UI 提测前自查的方法,并总结 100% 还原设计稿的技巧,沉淀文档。

上海游昆信息科技有限公司(MobTech)

工程架构部 Web前端开发 · 2024.07 - 2024.10
  • 参与公司各类中后台的业务开发,技术栈包括 Vue、React以及配套的如:iView、antd、vuex、vue-router、axios等
  • 为近30万使用公司产品的开发者提供一个功能强大且用户友好的中后台管理系统。

杭州数赢科技有限公司

技术研发部 Web前端开发 · 2023.12 - 2024.05
  • 主导供应商移动端的技术架构设计,运用 Uniapp 框架实现微信端和H5端的开发
  • 构建后台管理系统的计价模块,实现用户录入计价模型,在计价模块中,利用动态表单动态渲染表单项

项目经历

Versakit-UI(开源组件库)

https://versakit.github.io/Versakit/

技术栈:Vue + Typescript + Vite + Vitest + Sass + PostCSS

项目介绍:Versakit-UI是一个从传统组件库出发并向现代组件库发展的开源项目,目前已提供 30 余个组件实例,个人开发并完

成组件 10 余个。

个人贡献:

  • 参与项目技术选型讨论,解决和完善多个内部议题,包含:全局主题切换方案、项目架构优化提案

  • 完成组件 10 余个,包括:message、panel、badge、card、Notification、瀑布流、懒加载、虚拟任务栈 等

  • 基于自定义逻辑完成瀑布流开发,支持 PC 端与移动端动态切换、支持图片预加载与懒加载的动态切换

  • 基于 IntersectionObserver 完成长列表组件与懒加载指令,可配合瀑布流完成复杂功能的业务逻辑

  • 配置vitePress组件文档的编写,为每个组件进行文档的编写。

  • 基于 Render 函数完成动态的 VNode 渲染,支持方法触发形式的组件动态插入,涉及到:message、confirm 组件

  • 基于自定义栈逻辑完成虚拟任务栈构建,配合 KeepAlive + Transform 可实现 APP 跳转逻辑的 H5 切换效果

  • 基于 Vitest 完善组件单元测试,测试覆盖率超 85%。

参与组件库主题的初始化,并且完成组件十余个,搭建vitePress组件库文档,并且沉淀可复用的文档。

开发流程的介绍:目前社区里面提出的pr的请求的数量不多,我们依然是和其他开源库的管理方式一样,采用认领的制度。

对于每周开会讨论出来的内容,我们采取

Versakit-markdown

https://versakit.github.io/Versakit-markdown/

技术栈:TypeScript + Rollup + Pnpm + Vue

项目介绍:高性能markdown语法解析器+渲染器+编辑器,提供markdown输入/输出一站式解决方案

个人贡献:

  • 从 0 到 1 搭建 Monorepo 项目结构,使用 Pnpm 完成多包管理,并集成 Husky、ESLint、Prettier 等代码标准化工具
  • 对于编辑器,使用观察者模式,对用户的观察,进行配置,获取到编辑器实例后,emit给。
  • 使用
  • 利用栈的数据结构,使用两个栈,实现编辑器的undo和redo,采用
  • 具有丰富的节点定义,例如图片,表格,链接等等。
  • 对文本进行格式化处理,
  • 基于 Rollup 完成多格式发布包,配置 npm 自动化发包流程,并沉淀出可复用文档。
  • 基于 VitePress 搭建项目文档,配置 Github Actions 实现文档自动部署至 GitHub Pages。

个人评价

  • Vue 技术栈,参与过大型且规范化的企业级项目开发,对项目开发的具体流程较为了解。
  • 对技术有探索精神,关注开源社区相关动态,参与和共建开源项目 Versakit UIVersakit-Markdown
  • 乐于探索和分享技术,在稀土掘金个人博客上持续发布技术文章。