前端工程师 · 7+ 年经验 · 深圳

代码工匠 / suijiafeng

代码工匠 · 把复杂业务做清楚,把产品体验做完整

专注中后台系统、配置平台与数据可视化。我关心的不只是代码能跑,更关心结构是否稳定、交互是否顺手、产品是否真正可用。做过权限系统、电商 SKU 配置工作台、实时运营大屏等复杂业务项目,习惯在业务复杂度、工程质量和产品完成度之间找到平衡。

案例

做过什么,解决了什么

几个真实做过的业务场景,每张卡片是一段简要复盘;想看完整思路,可以顺着延伸阅读继续读。

中后台 / 权限平台

多租户后台权限系统

组织扩张后权限层级持续膨胀,人工表格维护已经撑不住。我先重构了角色-资源-策略的权限模型,再落地配置界面、审批流与变更回溯——权限配置本质是高复杂度表单,重点做了状态分层、批量差异对比和风险提示。

结果稳定支撑千人级多租户治理,审批与回溯人工环节减少约 80%

配置平台 / 工作台

电商 SKU 配置工作台

运营要在多个系统间手工维护乘法级复杂的 SKU 组合规则,出错率高、变更不可追踪。我负责工作台的信息架构与前端实现,把规则配置做成可校验、可预览的闭环:批量编辑、实时校验、发布前冲突检测与变更 diff。

结果配置效率提升数倍,每次变更可检索、可审计

Rule EngineBatch OpsAudit LogTypeScript
延伸阅读 · 复杂表单的状态分层设计
数据可视化 / 实时大屏

运营实时监控大屏

核心指标分散在多个系统,异常靠人工巡检才能发现。我负责可视化方案与实时数据接入,重点是推送链路的降级策略(断线重连、兜底轮询)、高频刷新下的渲染性能,以及把告警状态做成一眼可读的分层。

结果异常识别从小时级缩短到分钟级,全团队共享同一份实时数据基线

AI 应用 / 内容生产协同

AI 内容运营 Copilot 平台

内容生产流程割裂在多个工具里,引入 LLM 的真正难点是让产出可控、可编辑、可追溯。我负责前端工作台与核心交互,落地从选题到发布的闭环,重点是人工干预与回退机制、提示词模板管理和流式输出下的编辑体验。

结果内容生产周期明显缩短,AI 从尝鲜工具变成日常生产力

LLM WorkflowPrompt UXHuman-in-the-loopNext.js
延伸阅读 · AI 应用的上下文管理

能力

我的能力边界

围绕复杂前端系统展开,覆盖中后台工程、配置型产品、数据可视化与交付链路。我更在意这些能力能否在真实项目里形成稳定产出,而不只是停留在技术名词层面。

前端技术栈

React / Next.js

面向复杂业务场景构建稳定、可扩展的现代前端应用

TypeScript

用类型系统降低复杂项目中的认知成本和维护风险

Tailwind CSS

高效搭建一致的界面系统,兼顾开发效率与视觉完成度

ECharts

把复杂业务数据转化为可读、可交互、可决策的可视化界面

工程化与交付协作

Node.jsPrismaPostgreSQLDockerGit / GitHub

联系方式

对这些方向感兴趣?欢迎交流

如果你也在做中后台系统、配置平台、数据可视化或 AI 应用,或者想就前端工程与产品实现交换看法,欢迎随时找我。

欢迎技术交流深圳,中国UTC+8 (CST)

最近在写React Compiler 实践、AI 辅助开发、CSS 新特性、本地优先与 CRDT、WebGPU去博客看看