Resume Motion Page
梅晏恺
前端开发工程师
前端
公开版简历
10 年工作经验
10年
成都
JavaScript / TypeScript 稳定工程能力
Next.js / Nuxt.js SEO 与站点方案
Vue / React / UniApp 多技术栈落地
Tailwind CSS / 组件封装 / 模块化架构
性能优化 / 代码拆分 / 资源治理
Linux / 部署上线 / Node.js / MongoDB
AI 工具辅助开发 / 流式输出能力集成
JavaScript / TypeScript 稳定工程能力
Next.js / Nuxt.js SEO 与站点方案
Vue / React / UniApp 多技术栈落地
Tailwind CSS / 组件封装 / 模块化架构
性能优化 / 代码拆分 / 资源治理
Linux / 部署上线 / Node.js / MongoDB
AI 工具辅助开发 / 流式输出能力集成
01
AI 协同研发能力
具备较强的 AI 协同研发能力,能够将 AI 深度融入需求分析、样式生成、页面实现、技术方案设计、前端架构搭建、问题排查、代码重构与测试补充等完整研发流程。可结合 Figma MCP 直接生成页面样式代码,并借助 AI 高效推进复杂需求落地、定位隐蔽 Bug、解决疑难技术问题、优化代码结构与提升整体交付效率。
02
从 0 到 1 架构设计与工程落地
具备中大型项目从 0 到 1 的前端架构设计与工程落地能力,能够独立完成项目初始化、目录结构设计、公共能力沉淀、请求层封装、组件体系搭建及开发规范建设。
03
多技术栈与多端开发
精通 Vue、Nuxt、React、TypeScript 等主流前端技术栈,熟悉 PC、WAP、小程序等多端项目开发,具备 SEO / SSR 类站点建设经验,能够兼顾开发效率、可维护性与后续扩展性。
04
工程抽象与自动化能力
具备较强的工程抽象能力,能够围绕业务场景沉淀通用组件、公共 Hooks、工具函数、统一请求层及自动化脚本,持续提升团队协作效率与项目交付质量。
05
前端工程化与代码治理
对前端工程化、模块化拆分、性能优化、代码治理及规范沉淀有较深入实践经验,能够在复杂项目中推进基础设施建设与长期维护治理。
前端开发工程师
成都优啊网络科技有限公司
2022.03 - 至今
工作内容
- 负责公司多个业务项目的前端架构设计与基础工程搭建,包括项目初始化、目录结构规划、开发规范制定及公共能力沉淀。
- 主要基于 Vue + TypeScript 技术栈承担核心业务模块开发与功能迭代,负责核心页面、公共能力及业务基础模块建设。
- 负责统一请求层、公共组件、通用工具方法及部分业务基础能力封装,提升项目复用性、可维护性与团队开发效率。
- 与产品、设计、后端团队保持高频协作,参与需求评审、接口联调、问题排查及版本上线,保障业务稳定交付。
- 持续推进工程化建设与代码质量优化,围绕模块拆分、目录规范、代码结构治理等方面提升项目长期可维护性。
- 在日常研发中高频使用 AI 辅助开发,并将 AI 作为实际生产工具深度融入研发流程;能够结合 Figma MCP 直接生成页面样式代码,辅助完成复杂业务需求拆解、技术方案推演、前端架构搭建、疑难 Bug 定位、代码重构优化及测试补充,显著提升复杂需求的开发效率、问题解决速度与代码质量。
关键业绩
- 主导多个业务项目的前端架构设计与基础工程落地,完成项目初始化、目录规范、请求层、公共组件及工具体系建设,为后续需求迭代提供稳定可复用的工程基础。
- 在复杂业务场景下持续推进模块化拆分、公共能力抽象与代码结构治理,降低重复开发成本,提升团队协作效率与项目整体可维护性。
- 独立承担核心业务模块与关键页面开发工作,能够在保证交付效率的同时兼顾代码质量、工程规范与后续扩展性。
- 持续推动前端工程化建设,通过统一规范、基础能力沉淀与开发流程优化,提升项目交付质量、维护效率与团队研发体验。
- 将 AI 深度融入研发流程,结合 Figma MCP、代码生成与问题分析能力,辅助完成复杂需求实现、页面样式高效还原、前端架构设计、隐蔽 Bug 排查及疑难技术问题攻关,在保证代码质量的同时显著提升研发效率与交付质量。
前端开发工程师
成都烽烟科技有限公司
2021.03 - 2022.03
- 负责项目的前端技术选型、基础工程搭建与开发环境配置,参与项目整体前端方案设计。
- 主要基于 React + TypeScript 技术栈完成核心业务模块开发,保障功能实现质量与后续维护可读性。
- 搭建并维护前端测试环境,支持后端接口开发、联调与测试流程,提高前后端协作效率。
- 参与多个业务类型项目开发,包括企业官网、小程序及 ERP 管理系统,积累了较强的多场景开发经验。
- 结合业务需求对 UI 组件进行二次封装,并沉淀通用工具方法,提升项目复用能力与代码一致性。
- 参与前端候选人的技术面试与能力评估,从项目经验、编码能力及技术理解等维度协助团队完成人才筛选。
前端开发工程师
四川友客值信息技术有限公司
2020.06 - 2021.01
- 主要基于 Vue 技术栈参与公司业务系统的前端开发,负责多个业务模块的功能实现、维护与迭代。
- 负责既有项目的日常维护与功能优化,根据业务需求持续改进页面交互、代码结构与模块划分。
- 参与新项目的前端基础架构搭建,包括项目初始化、目录设计、基础能力接入及核心页面开发。
- 项目采用 Vue + TypeScript 技术栈进行建设,通过类型约束与模块化设计提升代码可维护性与稳定性。
- 与后端开发人员密切协作,参与接口设计沟通、接口联调及问题排查,确保需求按计划落地上线。
法临律师端 PC 网站
前端开发工程师
2026.01 - 至今
项目内容
- 项目基于 Nuxt.js 构建,采用静态站点生成方案输出 PC 端网站,以提升首屏加载速度、站点稳定性与部署效率。
- 项目整体使用 TypeScript 开发,通过类型系统规范业务模型、接口定义与组件边界,提升代码可维护性。
- 基于 Element Plus 构建页面组件体系,统一项目视觉风格与交互行为,提高开发一致性。
- 项目中接入 AI 服务,支持基于流式数据返回的实时内容输出,并围绕 AI 场景下的前端交互、数据承接、状态管理与内容渲染进行实现与优化,增强业务交互能力与用户体验。
关键业绩
- 独立负责项目整体前端架构搭建,完成项目初始化、目录结构规划、环境配置及基础规范建立。
- 搭建项目基础页面骨架与模块组织方式,保障后续功能扩展具备清晰的工程边界。
- 实现左侧侧边栏等核心基础布局模块,确保页面结构、交互表现与 UI 设计稿一致。
- 完成 Element Plus 的工程接入与基础组件集成,为后续开发提供统一 UI 支撑。
- 作为项目前期核心实现者,独立完成关键基础工作,为后续团队协作与功能扩展打下稳定基础。
- 参与 AI 相关能力在前端侧的落地实现,完成流式内容输出场景下的页面交互、状态控制与渲染链路设计,提升产品在智能交互场景中的可用性与体验完整性。
法临合同 PC 站点
前端开发工程师
2025.11 - 至今
项目内容
- 项目基于 Nuxt.js 构建,属于典型的 SEO 型站点,在开发过程中围绕搜索引擎收录、页面渲染性能及页面结构语义化进行了系统性建设。
- 项目同时覆盖 PC 站点与 WAP 站点,两端在页面结构与交互方式上存在差异,但共享核心业务逻辑与接口体系。
- 通过同仓开发模式统一管理 PC 与 WAP 端的接口层、业务层与公共逻辑,有效降低维护成本并提升开发效率。
- 针对不同终端展示需求,对页面结构、样式层与交互细节进行差异化设计,实现多端统一维护。
关键业绩
- 参与项目整体前端架构设计与基础工程建设,是项目核心架构搭建者之一。
- 设计并实现统一请求层、目录结构规范及模块化组织方案,提升项目可维护性与协作效率。
- 通过统一架构支撑 PC 与 WAP 双端并行开发,实现核心业务逻辑复用,降低重复开发成本。
- 在项目中引入 Tailwind CSS,优化样式开发效率,提升样式体系的一致性与可维护性。
- 围绕 SEO 型站点建设关注渲染性能、结构语义化与可收录性,提升站点整体质量。
法临合同小程序
前端开发工程师
2025.10 - 至今
项目内容
- 项目基于 uni-app 构建,采用 Vue3 + TypeScript 技术栈开发,并结合 Tailwind CSS 建立统一样式体系。
- 项目围绕合同在线服务场景展开,实现合同在线购买、下载、在线预览等核心业务功能。
- 通过组件化、模块化方式拆分业务逻辑,提升代码复用性、协作效率与后续扩展能力。
- 针对小程序端使用场景持续优化页面结构、交互流程与资源加载策略,提升整体体验与运行性能。
- 在项目初期对目录结构、请求层、业务模块边界进行规范化设计,为持续迭代提供稳定基础。
关键业绩
- 作为项目核心搭建者之一,负责基础工程与核心技术方案落地。
- 引入 ESLint 等代码规范工具,建立统一代码约束机制,提升团队协作效率与代码质量。
- 设计并封装统一请求层,对接口调用逻辑进行标准化处理,增强接口层的复用性与可维护性。
- 开发图片自动上传插件,在构建阶段自动上传本地图片并替换为线上地址,有效解决小程序包体积限制问题。
- 通过自动化脚本优化资源管理流程,减少人工处理成本,提升项目构建效率与工程成熟度。
法临用户端小程序
前端开发工程师
2022.04 - 至今
项目内容
- 项目基于 UniApp + uView UI 开发,属于业务复杂度较高且长期持续迭代的微信小程序项目。
- 随着业务不断扩展,系统逐步形成较完整的业务体系,覆盖多个核心业务模块与用户服务场景。
- 负责 IM 实时对话、合同购买流程、在线客服服务、模拟 IM 自动化交互展示等核心功能页面的开发与维护。
- 项目接入 AI 服务,实现基于流式数据返回的实时内容输出能力,并完成相关前端交互承接、消息流渲染、状态处理与体验优化,用于增强用户交互体验与业务承载能力。
- 在长期迭代过程中持续优化页面结构、交互逻辑、组件复用与资源管理方式,保障项目稳定运行。
关键业绩
- 针对微信小程序包体积限制问题,设计并实现图片自动上传插件,优化项目资源管理与构建流程。
- 支持开发阶段按普通本地图片方式直接引入资源,保持开发体验不变,降低使用门槛。
- 在构建流程中自动将本地图片上传至服务器并生成线上地址,减少人工处理步骤。
- 在打包阶段自动替换代码中的本地资源引用,有效降低包体积,提升发布效率。
- 该方案在不改变团队开发习惯的前提下解决了实际工程问题,体现了较强的工程抽象与自动化落地能力。
- 支持 AI 交互能力在小程序端的接入与落地,完成流式响应场景下的前端展示与交互处理,增强产品在智能服务方向上的业务承载能力。
鑫泰 ERP
前端开发工程师
2021.05 - 2022.03
项目内容
- 该项目为大型 ERP 管理系统,基于 Ant Design Pro 解决方案进行架构搭建与业务开发。
- 项目属于深度定制的后台系统,围绕企业业务流程进行模块化拆分与系统化建设。
- 整体采用 TypeScript 开发,结合 styled-components、原子化 CSS 等方案提升系统可维护性。
- 系统体量较大,路由数量超过 300 个,对接接口规模达到 1800+,对工程组织、模块治理与规范沉淀要求较高。
- 项目中广泛使用 Ant Design Pro 提供的路由、权限、全局数据流等成熟能力,并结合业务进行深度定制。
关键业绩
- 负责整体前端技术方案的落地,包括技术选型、组件体系设计、请求层封装、UI 组件样式定制以及 TypeScript 类型体系设计等核心工作。
- 为提升开发效率,自主开发多项自动化工具,包括基于 Swagger 自动生成 TypeScript 类型注释工具,以及根据产品原型图自动生成表格表头配置文件的工具。
- 在项目早期阶段独立承担主要前端开发工作,累计对接上千个接口,编写上千个 .tsx 文件,完成大量核心业务模块的开发与维护。
- 为提升团队协作效率,对封装的核心模块与工具编写技术说明文档,沉淀项目技术方案与开发规范。
西南科技大学
本科 · 建筑经济管理
2012 - 2016
四川城市职业学院
大专 · 工程造价
2012 - 2015