最近接手了一个项目,要修复测出来的bug。今天发现一个数组对象,洋洋洒洒200多行代码,每个对象长得差不多,只有两个属性值有差异,见下图:
花大量的代码展示一个数组对象,完全不符合Vue组件精简代码的主旨,有两个途径来优化:
- 单独使用一个js文件来存储这个值,再export出去,在需要使用的地方import进来使用;
- 使用一个对象来存储差异的属性值,再通过map方法生成对象数组。
一顿操作下来,成功将225行的代码压缩至25行,挺有成就感的。但是最后我还是默默的将自己的代码删除了,反正领导看不到就等于白做,他只关注你晚上6点半的时候在不在工位上加班
,操蛋的管理制度!!!