深度智耀2018.10 - 2021.06

ARM 智能申报系统

React 前端工程师 · 项目前端负责人

Reactreact-dndRedux性能优化

项目概述

ARM 智能申报系统是面向医药行业的注册申报文件管理平台，负责新药研发全生命周期的申报文件管理。系统支持自动格式检查与修改、序列验证，并能在系统内动态生成文件内外超链接。作为项目前端负责人，我主导了多项核心技术攻坚，解决了超大 PDF 渲染、复杂交互等挑战性问题。

Reactreact-dndreact-rndReduxPDF.jsPubSub

针对 7000+ 节点的超大 PDF 渲染场景，弃用常规渲染模式，改用 window.requestAnimationFrame() 分片渲染技术，消除界面卡死，实现丝滑预览体验。

将 3000+ 节点的扁平数据转树形结构逻辑由后端移至前端，通过算法优化实现首屏展示提速 5s，大幅降低后端服务器压力与网络传输损耗。

基于 react-rnd 与 ReactDOM.createPortal() 深度封装可拖拽对话框组件，支持跨层级渲染与自由交互，使系统操作复杂度降低 80%。

利用 PubSub（发布订阅）+ 单例模式重构 ESign 电子签名组件，通过解耦交互逻辑，统一了公司跨项目电子签名技术标准。

利用原生鼠标事件机制，自研一套文件内外超链接动态创建与修改方案，降低文件内连接的操作复杂度，提升文档导航体验。