“被动加班”重构组件

2022-03-24

总感觉今天上班没啥事情做,事实上我的工作任务还挺多的。

首先我让后端重新部署了昨天调整完的几个项目,发现这次情况又不一样了,其中一个项目里的新图片全部 404!和测试继续校对后发现我们情况相同,我瞬间就想起了昨天某位同事改了 Nginx 配置的那个细节。让他改回之后确实恢复了!这是他所用的配置,明明是增加 Header 的行为,为什么会让图片资源变成了 404 呢?

location ~ .*\.(svg)$ {
  add_header Cache-Control no-cache;
}

另外的任务就是日常前端修修补补了,其中有两项涉及到后端介入,🐶🐶 Ro 项目我已经把想要的接口传参给过去了,但是对方却并没有空去处理。

而 AndTribute 呢,一大早就把接口参数给调通,按照他给的新数据格式展示了,接下来就只能是新页面的两个组件了。

第一个组件是个搜索表单,由于我之前做好了 Hooks,一定程度降低了修改的难度。唯独看客户给的设计图上给了一个价格筛选器,是一个区间形式的拖拽条。实际应用后发现这玩意的显示效果有些毛病(没有该参数的时候,应该包含所有价格,可实际显示效果选中了区间 0-0),但如果你不对它进行任何操作,是不会影响生成查询条件的。

第二个是一个可供选择分类的组件,另外一个项目 DA 之前实习生整了一个类似的。就想着要不把那个项目的代码修缮下再复制过来魔改。

当我把那组件代码打开之后,发现这代码写得真的实在是太烂了!一个特别简单的点击卡片传两参数的功能,竟然被陆陆续续拆分了很多层组件,相同的参数硬是被传了几次,TS 类型也反反复复进行了定义,我蒙蔽了。考虑到实习生也许并没有了解我的思路(而且还发现了 Bug),这地方还是得好好重构一下比较合适。

与此同时,后端“预告”我接下来要在 DA 项目上做一套新的判断方法来控制组件的行为,涉及到用户组和产品类型,而这是最绞尽脑汁的地方了!还说下周之前就得整出来,这是要被动加班?

考虑到情况紧急,我晚上花了差不多两小时把那「分类组件」进行了重构,使用 Grid 替换了两个 Flex 元素,代码少了一大截,还有些细节有待调整。结构是清晰多了,但自己的时间就少了。

唯独修改了小窝前台限时日记部分的逻辑,到期之后直接刷新页面,简单粗暴。还调整了项目详情页面的细节样式,再刷刷原神,一天就结束了。

配乐 小雨 郁闷
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君