马超云

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

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

作为一个全新的项目，使用了目前 Vue3 最新的技术栈：

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

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

• 二次封装 useVirtualList 借助虚拟渲染的设计，提升大数据量渲染的性能问题。
• VeeValidate 作为表单状态管理库，提升大表单数据的性能问题。
• 封装 Pinia 的功能实现状态的 Redo/Undo 功能。
• 通过 文件分片 / 分片生成 Hash / 合并请求 实现大文件上传以及断点续传。

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

• 使用 Vue3 以及 Typescript 作为开发框架和语言。
• 设计为无样式 headless 组件库, 实现良好的可访问性。
• 实现多个复杂组件，尤其是表单以及表单元素低耦合的组合实现。
• 使用 Vitest 以及 Vue-test-uitils 实现单测覆盖率大于 90%。
• 使用 Vitepress 添加扩展完成文档生成与 Demo 展示。
• 结合 Github Actions 完成CI/CD 以及自动发布至内部 NPM。

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

• 使用 Nuxt.js 进行开发
• 使用 Element-Plus 作为组件库
• 在 Vue-Element-Admin 上进行二次封装
• 解决复杂权限配置问题