项目概述：

涉及行情，投资组合，债券投资等多个模块；用户能自由拖动每个模块，组合出专属的页面（vsCode 布局）。

因为涉及大量数据展示，设计前端性能优化问题

用到了非常多的表格控件，并且要求表格展示形式多样化；

人员分工：

前端开发7人，后端2人，产品2人，UI 1人

项目难点：

1，推拽布局可参考案例较少，多设备登录布局信息版本冲突问题；

2，数据计算量大，要求表格高性能，展示方式丰富；采用了业内最好的 table库 agGrid 开发，但配置复杂，只有英文文档；

我的工作：

1，项目性能优化，提升首页打开速度，接口响应速度；

2，实现拖拽布局，最后产出一套可复用的拖拽布局方案；

3，二次封装 agGrid ，提供更贴合业务的 api ，支持 table 布局信息保存，数据展示格式快速配置等；

工作成果：

1 项目打开速度提升70%；

2 拖拽布局方案支撑起项目后续开发，运行稳定。

3 二次开发的表格组件被广泛用于每个页面，降低了上手难度，提高了工程质量，并且被推广到其它业务线；

技术栈：

webpack + vue2 + antd1.7.8+ less + jq + css3；

vscode 布局框架：https://golden-layout.com/