画布数
128
图片消耗
+12%
视频时长
02:48:12
画布消耗数据看板 · CanvasInsight
实时聚合每位成员每集的画布消耗，做 B 端运营决策支持。
我是酒歌，前端开发工程师。 从药品监管平台到工控系统，再到 AI 短剧平台，在政务、工业、AI 三大领域积累了扎实的前端工程能力。 主导过豫药办 OA 平台、安控 APP（H5 嵌入）、AI 短剧无限画布平台等多个复杂项目的前端架构设计与落地。 擅长 Vue/React 生态、微信小程序、移动端 H5、无限画布编辑器与工程化实践。
4 年前端开发经验，经历过百万级用户产品的性能优化与架构升级，也主导过多个从 0 到 1 的前端项目搭建。擅长 Vue/React 生态、复杂交互实现、性能优化与工程化实践，注重代码质量与团队协作效率。
深耕政务、工业、AI 三大领域，每个方向都有完整的项目落地经验。
日常主力工具链，可按项目灵活搭配小程序 / H5 / 大屏。
主导过的核心项目，覆盖政务、工业、AI 三大领域。
从架构设计到细节落地，全链路把控能力。
4 年一线沉淀下的技术能力矩阵，以及我在日常开发中如何借助 AI 工具链提效——这是这个时代前端工程师的必修课。
扎实的 HTML / CSS / JS 底层功底，熟悉浏览器渲染与性能原理；熟练 Webpack / Vite / pnpm + Turborepo，擅长卡顿、内存泄漏、首屏慢等问题的排查与优化。
精通 Vue 3 与 React（Hooks）全家桶，熟练使用 Umi / Dva / Ant Design Pro 等企业级框架，具备多框架大型项目从 0 到 1 落地经验。
熟练运用 Echarts / AntV 实现数据可视化大屏，掌握 Three.js / Cesium / WebGL 三维开发，支持多格式模型导入、机位控制与场景交互。
精通无限画布、节点流程图、资源管理、权限系统研发；熟悉 AI 多模态功能集成，具备政务 OA、工控系统、AI 平台等复杂业务系统开发经验。
具备 PC 端、移动端 H5（嵌入第三方 APP）、微信小程序多终端开发经验，熟练处理设备适配、浏览器兼容性与嵌入通信问题，覆盖真实业务全场景。
掌握微前端、Token 无感刷新、双 Token 权限机制与路由守卫；熟练使用 Git 版本管控、Chrome 性能调试，了解 Nginx、MySQL、MongoDB 与 Node.js。
用 Cursor / GitHub Copilot 辅助编码、代码审查与单测生成，把重复劳动交给 AI，把精力留给架构与体验。
接入豆包 seedream / seedance、通义等文生图 / 文生视频 API，把 AIGC 能力真正落到业务生产链路里。
用 Coze 搭建业务智能体，主导"园宝 AI 助手"前端，集成多类运维 Agent，让系统会"主动思考"。
AI 辅助生成技术文档与多语言翻译（如豆包生成翻译文档），加速团队协作与知识沉淀。
挑选了 8 个代表性的项目，覆盖 AI 短剧画布、3D 导演台、园区智能体、工业安全管控、政务 SAAS 与组件库。点击卡片可进入项目详情页，查看技术栈与真实踩坑。
自研 AI 可视化无限画布，对接火山方舟多模态大模型，支持文本/图片/视频/音频等 8 类业务节点拖拽编排，解决画布海量节点卡顿问题。WebSocket 搭建长连接，落地 1s 准实时多人协作预览；9 种角色细粒度权限控制，双 Token 机制自动续期。集成豆包 AI 网关支持文生图、文生视频；设计三层持久化链路保障数据零丢失。
安全生产巡检、隐患上报、整改跟踪与数据可视化，H5 嵌入第三方 APP 壳子，适配移动端交互。
开发园区驾驶舱可视化模块，实现园区隐患分析、重大危险源监测、特殊作业分析、监测预警等数据可视化展示。接入科澜地图实现与 WebGL / Three.js 的结合交互，让用户能实时观察到数据及交互体验。完成园区企业数据统计、值班人员管理、报警信息展示与处理等功能开发。
涵盖小工单、ESOP、工装夹具管理、云称重管理系统、OEE 设备管理、生产数据统计、质量追溯等功能，适配 PC 端、移动端、Pad 端。实现工站、显示器、ESOP 关联等核心业务流程，开发 OEE 设备驾驶舱可视化模块，处理国际化相关需求，累计完成 50+ 小时缺陷修复工作。
实时聚合每位成员每集的画布消耗，做 B 端运营决策支持。
河南省药品监管局 OA 协同办公：公文流转、多级审批、资产管理、在线文档编辑盖章、微信小程序与移动端协同。
自研 AI 可视化无限画布，对接火山方舟多模态大模型，支持文本/图片/视频/音频等 8 类业务节点的拖拽编排，解决画布海量节点卡顿问题。使用 WebSocket 搭建长连接，落地 1s 准实时多人画布协作预览；实现 9 种角色细粒度权限控制，基于双 Token 机制完成提前 5 分钟自动续期与 401 自动重放。搭建 3D 导演台、公私域资源库、细粒度权限、自动化工作流全体系。基于 Vue Flow 实现节点流程图引擎，集成豆包 AI 网关支持文生图、文生视频；设计 ref → Pinia → LocalStorage → 远端 API 三层持久化链路。
负责工业园区数字化平台、AI智能体、工装夹具、小工单等多端项目前端开发与迭代维护，主导通用组件封装、项目性能优化与技术落地。独立负责新项目搭建与AI智能体模块研发，优化Webpack打包策略，通过代码分割、资源压缩、缓存优化，将项目打包体积减少13%，页面加载速度提升30%。参与化工园区安全智能化管控平台（PC端+移动端）开发，完成重大危险源管理、特殊作业管控、风险预警等模块，主导安控APP（H5嵌入第三方壳子）开发。参与数字园区平台驾驶舱及大屏功能开发，接入科澜地图实现与Three.js的结合交互。
负责河南省药品监督管理局一体化药品监管平台（OA）的PC、移动端前端页面开发、维护、系统优化、代码交叉review，自测与后端联调、上线发布等日常研发工作；公共组件的封装；参与产品需求讨论及提供技术解决方案；设计UI界面，整理编写业务需求文档。主导豫药办App移动端延伸开发，基于360ccwork即时通讯平台二次开发。完成公文自动流转、多级审批及意见反馈功能，基于Hooks和HOC思想封装通用业务组件。
摘选 3 段真实合作反馈，更多评价可以聊的时候再发给你。
酒歌主导了我们 AI 短剧平台的前端架构，从无限画布到 3D 导演台，每个模块都考虑得很周全。她不仅技术扎实，对产品体验也有很深的理解。
在中控科技共事期间，酒歌负责园区安全管控平台的前端开发，技术能力和责任心都很强。能独立承担复杂模块的开发，是团队的核心骨干。
酒歌封装的组件和开发规范让我们团队的开发效率提升了 30%，组件复用率很高，文档也很完善。新人接手项目时上手非常快。
从 prompt 模板、LoRA 微调到 ControlNet + IPAdapter，拆解四种主流方案的工程取舍。
一次后台 UI 重设计的完整记录：从原始截图到 Vue 单文件组件，再到可复用的栅格规范。
数据轻量、不离开当前行、空数据友好——Popover 在这种场景下几乎完胜 Dialog。
从 AI 短剧平台的 Canvas 编辑器、Agora 语音通话、上万条素材库虚拟滚动等 6 个真实问题，复盘踩坑与解决方案。
从 supOS/OEE/小工单多系统国际化翻译，到企业画像、大屏可视化、数字化转型诊断系统，提炼踩过的坑与交付亮点。
梳理智能体「规划—记忆—工具—执行」的核心架构，以及 MCP、A2A、AG-UI 如何把 AI 能力接到真实工具与前端。
还有更多没回答到的，直接发邮件或微信问我都行。
我正在寻找新的职业机会，希望加入重视产品体验、技术氛围浓厚的团队，一起打造有影响力的产品。欢迎来聊！