联系方式
个人信息
个人优势
- 熟练运用 React/Ant-Design/X-Render/React-Query/Less/ahooks/umi/zustand/zod 等前端工具和框架
- 熟练运用 Cypress 及 Playwright 等自动化测试工具,提高产品质量与开发效率
- 能在工作中不断沉淀文档、组件和工具
- 能从技术角度为产品和业务同学提供产品优化方案
- 能阅读英文技术文档
项目经历
飞猪(20年9月~24年4月)
飞猪酒店签约审核平台-项目负责人
和业务/后端同学一起从零搭建了新版的签约审核平台。
- 早期由于产品和 UI 资源的缺失,担任 UI 和产品角色重新设计了新版系统的交互和界面。
- 与业务沟通,针对原本审核平台上的痛点进行了交互上的优化,让审核操作简单便捷,界面清晰易读。
飞猪BD工作平台-前端小组长
独立承接日常需求,按时高质量交付。同时监控项目稳定性、优化页面性能、推动开发管线规范化。对于业务需求,能够从前端角度给出产品优化方案。
- 总结了《满月移动端开发须知》文档,使用 git hook 配合 Prettier 统一代码风格。
- 总结了《埋点平台Q&A》文档,降低产品、业务同学对埋点分析平台的使用和理解成本。
- 沉淀了高质量通用组件和常用 hook。包括通用组织选择、异步下载 hook 等。在移动端 2.0 版本的开发中,补充了组件库 Btrip-UI 缺失的基本组件,例如级联选择、水印、布局组件等。并参与开发了开源项目 FormRender Mobile,开发效率和质量显著提升。
- 担任 UI 根据产品需求设计了整体交互。在”拜访一页纸”的需求中,在原本基础上完善产品设计,补充应有功能,比如预览模式和自动分页。提供 DEMO 供产品参考,成为最终产品方案。
- 建立了前端稳定性监控体系。从接口异常、脚本异常、开发流程等维度治理稳定性、减少线上问题的发生。接口异常率降到 2% 以下,脚本异常率降到 1% 以下。
- 推动了开发工具的产品化。例如账号 MOCK 工具,方便开发、测试、产品、业务等同学的使用,全方位提升日常开发、排查问题的效率。
- 利用 Playwright 建设配置化自动测试工具,低成本提高代码质量。
飞猪FLAI-前端负责人
公司内部实验性质 AI 项目,基于 SD 的生图平台
- 从零搭建项目功能框架,实现不同场景从UI到接口请求的整套逻辑的配置化生成。
- 利用 Antd5.0 和 motion 重新设计和编写 UI 组件的样式和动画风格,提升操作的流畅性。
- 手动实现了基于图片 base64 的缓存系统,提高图片显示、瀑布流布局、计算请求参数的效率。
开源项目和作品
开源项目
- X-Render:飞猪开源的中后台「表单 / 表格 / 图表」开箱即用解决方案,Top Contributors 之一,参与了文档的编写和官网的开发,总结了《x-render 文档规范》。
- Neovim Config:我的个人 Neovim 配置。
- Moyu Leap:leap.nvim 的 vscode 插件版本。
文章
技能
- 熟练使用 Google/ChatGPT/StackOverflow/Github 等工具或者网站搜索并解决问题。
- 熟练使用 JavaScript/TypeScript/CSS/HTML。
- 熟练使用 Ant-Design/X-Render/React-Query/Less/ahooks/umi/zustand/zod 等前端工具和框架。
- 熟练使用版本管理工具 Git。
- 了解使用过测试工具 Cypress/Playwright。
- 有开发钉钉H5应用/微信小程序/node爬虫/SQL的相关经验。