表格组件开发: 基于 Handsontable 二次封装企业级电子表格组件,实现类 Excel 的复杂交互。针对大数据量
编辑场景,采用分片渲染与按需加载策略,解决由大量 DOM 节点引起的操作卡顿。
并发协同控制: 设计并实现“乐观锁+心跳检测”机制,解决多角色(研发/工艺/供应链)同时编辑同一 BOM 数据时的覆盖冲突,包含“编辑上锁、超时自动释放”的完整生命周期管理。
状态管理架构: 利用 Pinia 构建全局缓存层,实现复杂查询条件、分页状态、选中行的高级持久化,支持跨
页面无感跳转与场景还原,大幅提升用户操作效率。
微前端架构设计与落地: 主导从 0 到 1 搭建基于 Qiankun 的微前端基座(Main App),负责统一的登录鉴权、
菜单导航与样式隔离,成功集成了 OA (React)、CRM (Vue2) 及 Tron可视化大屏 (Vue3) 等构建子应用。
遗留系统渐进式重构: 制定“双轨运行”策略,通过微前端方案将原本独立的 React 版 OA 系统无缝接入新中
台,避免了推倒重写的成本,实现了旧系统在新架构下的平滑迁移与功能扩展。
应用通信与状态管理: 设计 GlobalState 全局通信机制,解决了基座与子应用间的用户信息共享与跨应用路由
跳转问题;封装统一的 SDK (Request/Utils) 下发给各子应用,确保了全平台依赖库版本的规范性。
性能体验优化: 实施子应用预加载 (Prefetch) 策略,并利用 Service Worker 缓存公共依赖资源,将子应用的
首次激活切换耗时降低 50% 以上,实现了如单页应用 (SPA) 般的丝滑体验。