朱荣富

项目经历

1. 虚拟滚动的原生表格

   一个用于展示金融专题统计数据的多功能表格

   表格主要特性:

   • 单元格可编辑，筛选，排序，配置列，固定列，列宽可变，转置，跨行选中
   • 键盘操作，可视化，导出Excel

   造轮子过程中让我对页面性能分析有了一定的认识，并将我的经验总结发表博客

2. 风险预警系统新版

   基于React/CRA/Babel/Webpack@4/Echarts/d3

   新一代风险预警系统，定时推送最新预警数据，同时提供全方位的专题报告分析，可视化分析，细化分析，同业比较等模块，让您看准企业投资无忧

   从旧版维护类组件到新版函数组件迁移，让我对Hooks 有了深刻的理解和应用，并对最佳实践进行总结

   漂亮的词云组件展示受到了合作部门的邮件点赞，并希望推广至公司前端可视化框架

   负责旧版维护打包，让我对Webpack打包优化 有了一定的实践，并将优化分析进行总结发布博客

3. 低代码平台改造

   技术栈：React/TypeScript/Babel/Webpack

   基于数据模型的流程自动化编排工具和可视化用户界面

   封装自定义Hook，剥离前端代码中的复杂业务逻辑

   使用TypeScript编写接口中间层，便于团队快速开发

   使用 Shadow DOM 解决了隔离 DOM/CSS 的难题

   Webpack打包优化，入口文件打包体积显著减小

   移动端使用DSBridge进行跨平台通信，Web端使用postMeasge通信

4. 权限配置系统

   大数据平台的元数据权限管理系统，覆盖到每一次API调用以及数据表下载

   负责前端多个页面的开发，通过路由缓存来提升页面性能

   权限配置复杂对象统一化，通知支持可视化配置，极大地提升了用户体验

   为公司年度业绩贡献率高达23%，覆盖机构用户400多家

5. 自研 BI 报表工具

   一站式解决数据获取，数据分析，数据可视化，数据报告等问题

   支持多种数据源配置，模版创建，过滤器，变换，格式化等，以及定时运行报表任务，导出等功能

   页面中大量使用拖拽来简化用户操作，提升用户体验

   使用 Rxjs 来处理复杂的异步操作 Ngrx，来处理复杂的状态管理，Karma 和 Jasmine 来进行单元测试以确保代码质量

   该应用上线后，成功解决了 Tableau 无法解决的问题，为公司业务带来了巨大的价值