前端开发工程师

## 岗位职责 - 双栈并行开发维护画布编辑器：基于`xyflow/react`实现React端节点流程图，基于`Konva`完成跨框架2D画布、图层、图形交互操作，同时适配Vue业务侧画布需求 - 搭建视频编辑器完整UI交互：时间轴轨道、素材库拖拽、多轨道管理、实时预览播放、剪辑操作面板，同时支撑React、Vue两套业务系统 - 使用`dnd-kit`实现跨组件、跨框架素材拖拽、图层排序、节点拖拽交互能力 - 大数据量画布性能专项优化：虚拟滚动、增量局部渲染、Web Worker离屏计算、帧渲染节流，解决海量节点/素材卡顿、内存溢出问题 - 对接后端SSE流式接口，封装通用实时消息消费逻辑，实现任务进度、渲染状态实时推送，兼容React、Vue项目复用 - 负责双框架组件封装、工具类抽离，沉淀图形、视频编辑通用能力，兼顾Vue2/Vue3、React19项目复用 ## 硬性要求 1. 3年及以上前端开发实战经验，同时熟练掌握 React 与 Vue（Vue2/Vue3均可），能独立使用两套框架开发复杂高交互页面；TypeScript不作强制要求，会JS/ES6+即可 2. 扎实Canvas图形开发能力，有原生Canvas或Konva/Fabric.js图形编辑器落地经验 3. 至少一个线上项目使用过 `React Flow / xyflow` / AntV X6 等节点流程图编辑器，可独立自定义节点、连线、拖拽逻辑 4. 精通前端性能优化手段：React.memo、useMemo、Vue计算属性/缓存、虚拟列表、requestAnimationFrame、离屏渲染等 5. 熟练使用Tailwind CSS快速实现复杂UI布局 ## 加分项 - 使用Remotion做过网页视频合成、动画渲染、在线剪辑工具开发 - 熟悉SSE前端完整消费方案：断线重连、消息缓存、消息分发、多实例兼容 - 前端图像处理实战：图片裁剪、蒙版遮罩、标注、图层合成、像素处理 - 用过`react-easy-crop`、`react-image-crop`、vue-cropper等图像裁剪库 - 具备微前端、跨框架组件封装经验，可实现图形编辑器能力在React/Vue项目通用 - 了解WebAssembly、FFmpeg.wasm前端音视频处理