开放机会 · 高级前端 / 技术骨干 · 北京

PORTFOLIO / 2026

马金栋

高级前端工程师 / Senior Frontend Engineer

把复杂的业务规则，
做成可填写、可校验、可回归的界面。

电商交易 · 广告投放 · ToB CRM / AI 产品

看三个案例

MA JINDONGSENIOR FRONTEND
BEIJING · CN
SINCE 2019

01

关于

Profile

七年，只练一种能力：
把跑起来的复杂系统，
做深、做稳。

七年里做过三件事：电商交易链路、广告投放创编、ToB CRM 的规则与质量。换过业务，但方法没变——先画清对象与状态，再把规则拆成可配置、可校验的段，最后用测试把高风险链路锁住。

我习惯先把规则写成 spec 再改代码。AI 可以帮我起草、补测、查规范，但边界、取舍和验证必须由人定。我关心的不是把功能堆出来，而是让下一个人接手时不用猜。

/ 01

业务建模

四层对象依赖、巡检 5 层对象 × 25 指标、绑定规则 v1→v3；把「字段、条件、动作、调度」拆成可校验的模型。

/ 02

跨栈交付

React 17/19 · Vue 2/3 · TS · Umi · AntD；qiankun 主应用与子应用接入；跨 3 个仓库对齐字段与权限契约。

/ 03

质量闭环

171 条客开 E2E / 5 个 spec、21 条巡检 E2E、26/26 绑定回归；用 OpenSpec 把规则变更前置到写代码之前。

02

案例

Selected Work

三段业务，三个能讲 20 分钟的案例。不讲「负责了什么」，只讲问题、动作、取舍，以及哪里没做。

点击展开细节
01

U小店 · 把交易链路做厚，而不是重写

2021.09—2024.06 · 电商 SaaS · 前端核心 · 13 仓库 / 3,504 次提交

B/C 两端从商品、店铺、订单、支付到履约、售后。先稳住订单，再逐块做 React 重构——不推翻重写，也不让主流程停一天。

  • B 端微前端主应用（菜单、权限、登录、消息）158 次提交；新子应用接入从「改主站」变成「注册路由 + 配权限」。
  • 大禹直播中控台 422 次提交 / 321 个文件：直播列表、商品挂载、秒杀与优惠，支撑大促期间的高频操作。
  • C 端订单中心 170 次、React 重构 372 次：首页、抽奖、地址、优惠券逐块迁移，主流程不停。
  • 交易与履约：店铺保证金、支付黑名单、订单流转、退货退款；把状态、异常分支与售后流程对齐。
3,504次提交 / 13 仓库
422直播中控提交 / 321 文件
372次 C 端 React 重构
Vue 2/3ReactqiankunElement UI

结果重构按模块灰度，主流程未中断；大促期间高频操作保持稳定。

02

超级账户 · 把四层对象收敛成配置驱动表单

2024.04—2026.10 · 广告投放 · 前端主力 · 1,050 次提交 / 591 个文件

账户 → 项目 → 广告 → 创意，四层字段互相依赖；账户类型或转化目标一变，页面就要重写。解法不是重写，是把依赖拆成配置。

  • 账户设置与出价预算：把「哪些字段能批量、哪些必须单账户确认」拆清，校验收敛到提交前；核心文件改动 72 次。
  • 配置驱动承载账户类型、转化目标与鸿蒙扩展；同一套表单接住多次业务扩展，而不是每次改版重写页面。
  • 鸿蒙投放链路（商店直投、deeplink）跨 2 个仓库 41 次提交，从 0 到可投。
  • AIGC 接进主流程：海量投放素材库 2,400 行、AI 标题润色 1,470 行，而不是做孤立工具。
1,050次提交 / 591 文件
72次核心文件改动
41次提交 · 鸿蒙 0→1
React 17/19UmiAntDTypeScript

结果新增账户类型以配置接入，不再逐页改版；跨端投放复用同一套表单。

03

智汇星 + CRM · 把规则和质量写成可执行的东西

2024.10—2026.11 · ToB CRM / AI · 核心开发 · 与广告线并行

巡检规则多、误操作直接动钱；客开户最容易「错户、绑错户」。把规则拆成受控段，把高风险链路写进 E2E。

  • 巡检任务配置：5 个对象层级、25 个指标、最多 3 个条件；122 次提交 / 19,500 行 / 21 条 E2E，核心表单 2,213 行。
  • 用联合类型收敛 6 类枚举与互斥关系，字段级校验替代笼统提示；规则变更先写 OpenSpec 再改代码。
  • 历史会话分组 0→1：3,644 行 / 29 文件，支持 20 组、300ms 防抖、折叠记忆、410 刷新，经 7 轮 UI 走查。
  • 客开质量攻坚：5 个 Playwright spec / 171 条 E2E，覆盖资质、OCR、草稿、同名客户；9.7 验收 8 项通过。
  • 客户工作台绑定规则 v1→v3：从配置页走到版本化表单，跨 3 个仓库、26/26 E2E。
122次提交 / 19,500 行
171条客开 E2E / 5 specs
26/26绑定规则回归
ReactTypeScriptPlaywrightOpenSpec

结果关键链路纳入 E2E，跨 3 个仓库升级可回归；会话分组从 0 到 1 落地。

03

经历

Experience

2024.04 — 2026.11

超级汇川 · 超级账户 / 智汇星 / 客户工作台

前端主力 / 质量攻坚

广告创编与 CRM 两条线并行：账户设置与出价预算 1,050 次提交，鸿蒙投放 0→1；巡检 122 次 / 19,500 行，客开 171 条 E2E。业务从电商切到广告与 ToB，但复杂表单与规则建模是同一套方法。

React 17/19UmiAnt DesignTypeScriptPlaywright

2021.09 — 2024.06

U小店 · 电商 SaaS 交易链路

前端核心开发

B/C 端交易与商家工具，13 个仓库 / 3,504 次提交。做过微前端主应用、大禹直播中控、订单中心、钱包与服务商；在别人搭好的架构上做深两年半，没有推翻重写。

Vue 2/3ReactqiankunElement UIUmi

2019.07 — 2021.07

联合汇创 · 财务办公 / 电商软件

前端开发工程师

财务办公中台 23 个业务模块 / 175 个 Vue 文件：审批流用动态组件做插拔式接入，按角色下发菜单与操作权限。电商后台沉淀动态表单、表格、上传与 Lodop 打印；uni-app 商城 48 个页面目录 / 126 个页面组件，覆盖直播、秒杀、拼团、会员储值、分销与售后。

Vue 2Element UIvxe-tableuni-app微信小程序

郑州大学 计算机科学与技术 本科

04

技术

Stack

按「在哪用、解决什么」来分；能讲清取舍和代价，才算会用。

React 17 / 19Vue 2 / 3TypeScript UmiNext.jsAnt Design 4 / 6 Element UIAnt Design XECharts
Note

React 与 Vue 都是长期主力，不是临时学。跨栈迁移时先对齐状态模型、路由与权限，框架差异反而是最小的那一层。

Used in

26 个仓库 / 3 条业务线电商 13 个仓库 · 广告创编 · CRM 三仓库

05

输出

Writing & Builds

0次阅读

掘金 20 篇文章 · 975 赞 · 269 关注 · Level 4

juejin.cn/user/1556564196998110
《一份 AGENTS.md，让 AI 代码规范率从 60% 飙升到 95%》45,787
《基于四层 Skill 体系的前端团队 AI 提效实践》14,193
  • Build31 个自研 AI Skill，覆盖 6 大领域；四层体系，从规则到可执行。
  • Libdumi React 组件库（npm 发布）；统一团队 UI 与文档。
  • Play8 款离线游戏 + Electron 游戏大厅；状态机、离线存档与键盘操作。
  • Site7 个个人站点：AI 工具、游戏与实验项目，持续更新。
  • Learn20 组实验 / 8 个可运行 package；AgentIM、AI 管家 Pro、Next 16 / TS 6 / Tailwind 4。
06

联系

Contact

在做复杂的表单、
投放创编，或者
想把 AI 接进业务流程？
可以聊聊。

北京 · 高级前端 / 技术骨干。偏交易、投放与 ToB 产品；如果你需要一个人把规则、交互、质量串起来，我的经历大概率对得上。

Emailextra9705@163.com Phone175 1620 9705 Juejin掘金 · 20 篇文章 ResumePDF / Word / Markdown · 3 个附件
Location北京 · 中国

求职意向

  • 岗位：高级前端工程师 / 前端技术骨干，偏复杂业务、中后台与 ToB 产品。
  • 城市：北京；全职；一个月内到岗。
  • 联系：extra9705@163.com · 175 1620 9705（微信同号）。