前端react-叶志文-8年
↑

在线简历:https://resume.jairwin.cc

#基本信息

  • 姓名:叶志文
  • 电话:18879567312
  • 邮箱:work@jairwin.cc

#最近工作

  • 公司:造物时代
  • 工作状态:始于2018/1,现已离职

#个人优势

8年前端研发经验,长期担任业务 Owner,主攻 React 技术体系,熟悉 Vue、Taro、Next.js 等多端技术方案,具备出海业务、微信生态、小程序及 Hybrid 架构实践经验。具备前后端协同与一定全栈落地能力,熟悉 NestJS 服务端开发、Next.js API Routes/BFF 层建设,能够结合业务需求完成接口设计、服务拆分、数据流转与端到端功能交付。能够独立完成技术选型、工程化建设、架构设计与业务落地,熟悉 AI IDE 协同开发模式,关注研发效率、代码质量与系统长期可维护性。不定期进行技术沉淀,并输出技术博客。

#工作经历

#2023/4-2023/11 杭州云鲸互娱科技有限公司(公司资金短缺)

  • Web3Games 是一个集成的区块链游戏生态系统,目标是帮助传统游戏开发商将他们的游戏产品与区块链相结合,使游戏资产去中心化和无需许可,并将游戏内物品的数字所有权带回给玩家。更多见白皮书
  • 官网:https://web3games.com
  • 技术栈:Nextjs(Page Router) + antd

#2020/5-2023/3 汉克时代科技有限公司(蚂蚁项目)

  • 技术栈:React + antd + 支付宝 jsapi + umijs/max + ProComponents
  • 图鲲运营工作台:提供会员运营人员配置能力以更好的支持业务,在支付宝会员进行透出
  • 银行码:银行/服务商通过在 B 端通过在营销侧进行活动配置,C 端透出各营销活动;促进银行员工和合作点绑卡转化率获得相应激励

#2019/6-2020/2 杭州麦壳麦粒教育科技有限公司 Vue2.x

#2018/1-2019/4 杭州博也网络科技有限公司

#项目经历

#项目一:Makera 创作者社区平台(2025/8-2025/12)

  • 项目描述:海外创客社区-最全面的模型社区。Makera 社区旨在连接 CNC 雕刻爱好者和专业用户,提供一个便捷的环境来发现、分享、购买和销售高质量的 CNC 项目资源。平台将充分利用 Makera 在 CNC 领域的专业优势,打造硬件与内容生态的完美结合。
  • 线上地址(待上线):https://www.makerables.com
  • 技术栈
    • 前端:nextjs(App Router) + antd + tailwindcss + 富文本编辑器(Tiptap)
    • 服务端:数据库 ORM(Prisma)、数据库(PostgreSQL)

责任描述:负责创作者社区平台

  1. SSR首屏优化:基于 Next.js SSR 实现模型列表与详情页首屏渲染,提升页面加载速度并优化 SEO。(使用 Prisma 精准查询与接口拆分策略,减少首屏数据冗余并提升响应速度)
  2. 列表性能优化:使用IntersectionObserver实现列表懒加载与触底加载,减少初始数据请求量,提升页面流畅度。(避免一次性拉取大量数据,提升页面流畅度和数据库访问效率)
  3. 状态管理设计:使用zustand设计全局消息通知状态管理,实现跨组件通信与消息提示统一管理。(Prisma + PostgreSQL 提供消息存储、分页与已读标记接口,实现前后端状态同步)
  4. 数据安全校验:使用zod构建前后端统一的数据校验机制,实现接口数据类型安全与 UI 错误提示自动映射。(PostgreSQL 数据通过 Prisma schema 定义类型与约束,前端 Zod 校验保证接口数据一致性)

#项目二:lululemon 好状态裁剪工作台(微信小程序)(2025/4-2025/6)

项目描述:总共3个端,分别是顾客服务平台、裁缝端(小程序)、店员端(H5),其中主要负责裁缝端小程序开发。其中功能包含但不限于:收发快递、快递列表、服务单列表、月结单以及消息盒子

技术栈:tarojs + NutUI-React

责任描述:

  1. 项目Owner:负责裁缝端小程序整体架构设计与核心功能开发。
  2. 复杂弹层优化:解决Popup组件在真机环境滑动冲突问题,优化用户操作体验。
  3. 跨端适配:处理 iOS/Android SafeArea 差异问题,统一页面安全区域布局。
  4. 性能优化:通过 分包 + 预渲染(Prerender)+ 工具库按需使用,降低小程序包体体积并提升启动速度,尽可能少的使用类似lodash工具库
  5. 长列表优化:使用虚拟列表优化订单列表渲染性能,减少页面卡顿。
  6. 日志与埋点系统:接入微信官方API实现实时日志上报与用户行为埋点。

#项目三:图鲲运营平台(内部系统)

技术栈:antd + umijs/max + ProComponents

项目描述:支付宝会员运营管理平台,支持数据管理、业务配置、活动配置以及日常运营。

责任描述:

  1. 技术架构升级:对现有项目进行 Ant Design + UmiJS Max 架构升级,统一组件规范与目录结构。
  2. 组件迁移与重构:完成 Ant Design 组件迁移与业务模块逐步重构,提升代码可维护性。
  3. 通用组件封装:封装 表格搜索组件,统一查询、删除、多选等功能逻辑,减少重复代码。
  4. 工程效率提升:使用plop脚本自动生成 CRUD 模板代码,显著提升后台模块开发效率。
  5. 数据导出功能:使用exceljs+file-saver实现前端表格数据按需导出。示例代码

#教育经历

  • 2015/9-2018/6 南昌理工学院(统招全日制)
  • 专业:计算机应用技术