前言

上一篇文章是我半年来的总结，以及反思，经过很多人的帮助，最终找回来了一些状态，并且在分手后的第一周找到了一家只有五个人的小公司，今天办理了入职。

第一步 安装环境跑起来

首先介绍了团队正在干的事情，其中有一个AIGC的项目，简单来说就是一个可以调用各类大模型回答相应问题的工具。本来我以为这项目跟我没啥太大关系，结果会后这个项目的样式调整，参数调整都由我来做，这让我一脸懵逼，因为还不知道这个项目具体是干嘛的，就打开了代码准备理一理里面的逻辑。简单看了一下vue版本，vite版本，node版本，装好环境跑起来了。结果代码情况不看不知道，一看吓一跳！

第二步 整理代码逻辑，组件之间的联系

vue提倡单向数据流，以防止代码逻辑混乱，数据走向不清晰，增加维护难度和成本。好家伙这代码是不是单向数据流我还不清楚，但每个页面里处处可见的emits让我犯了难，组件之间传递的参数看来得一步一步理清了。

看到getHistoryMessage方法我又懵逼了。。。看代码很多地方是同步进行的，硬着头皮一个console一个console的打印出来数据的流转顺序，感觉有用的数据就那么几条，但去掉里面任何一个环节都不行。。。只能照葫芦画瓢，把涉及参数修改的地方都改了，改完发现效果正常。但一直有一个功能始终跑不通了，检查代码发现有一个if语句不知道什么时候写上去的，导致后续的代码都不执行了，去掉之后程序恢复了正常。这时候产品总监已经非常着急了，问我为什么改那么点，那么简单的东西要花这么久，另一个前端同学只花了两天时间就整理出来并且完成了剩余的功能，我也不知道他是从什么地方接手的，不过我还是很佩服他的，毕竟我也没有两天时间写出来这东西过。

第三步 样式修改

一波未平，一波又起，详情看代码。

需要加一个弹窗的标题头高度修改成50px，产品总监告诉我现有样式就是规范样式，让我不要调整。结果这地方的header是上一个同学手写上去的。。。其他所有的弹窗都是这么写的，没有任何封装，就是所有代码加样式复制一遍，没办法就这样吧，毕竟产品总监已经要开始怀疑我的能力了，我只能照葫芦画瓢，不去理他的样式和代码了。中间还改了滚动条样式，边距，还有一些逻辑问题。时间来到第二天上午，被产品总监叫出去谈话，总的来说就是对我的能力存疑，还有就是对我的工作方式有意见，没有主动去找另一个前端商量这个东西应该怎么改。还有就是很简单的东西，一共就两点（我自己数了数，1.主页发送按钮等图标位置，2.所有弹窗的高度，3.弹窗自定义的header没有垂直居中，3.滚动条的样式，4.核心显示数据的数据结构发生改变，理清逻辑之后加上了显示时间和模型名称，5.大模型默认选项，6.原来只有最新一条才显示复制按钮，现在全部回答都要复制按钮，7.第一次对话的内容默认截取20字变为标题，8.其他样式问题。），我只能嗯嗯嗯。最终项目在第二天中午上线了。之后产品总监说让我去问问另一个前端有没有能分配给我的活，我问了之后说有几个弹窗，还给我了几个手写的样式规范，如图。实际上找原型就找了半小时，最终我问产品总监找到了原型图。对，html格式的。

第四步 写两个静态页面

目前公司的项目还没有一个框架，其他三名同学研究了几天暂时没有搭出来，我就用我自己搭的一个前端项目，参照上图的规范开始撸静态页面。撸的差不多了，产品总监问我写的怎么样了，我打开了给他看，他连问了几个问题：使用公司规范了吗？这些是公司的规范写法吗？你用的什么规范？我给他看了一眼这个规范，他突然急了，开始说你应该用复用的规范，你每一个都像这么写效率太低了，我原型上面都是20px的间距，不是有规定好的页面规范吗？我炸了：1.这些就是我去问过之后给我的规范，2.原型上面压根看不见有多大间距，用检查来看也看不到，3.框架都没有搭好哪里来的规范。之后就是你一嘴我一嘴的，最终我克制住了情绪，尽量用平和的语气说我知道的规范只有这些了，目前的弹窗也是按照之前用过的那种写法。之后就是很长时间的鸦雀无声。。。最终他们去开了一个会，不知道是关于什么的，回来之后开始整理对应的规范了，最终结果是按照element plus的规范，好好好，绕了一大圈，终于回归正轨了。未完待续，坐等框架搭好之后的情况。

反思

1.我应该主动去找他们来帮我梳理一下这个项目，有哪些功能点，了解业务。

2.应该不那么快的进行开发工作，毕竟规范都还没有，做了也白搭，靠口口相传定义规范不可取。

3.或许应该主动参与到他们框架的搭建中，也许会改变产品总监对我的印象，他目前觉得我能力很差。

4.之前无数次打开买的AIGC的项目课，但是从没有坚持学完。

5.理代码逻辑的时候时间确实有点长了，这点确实很久没有上班，状态还需要调整。

6.如果自己真是大神，哪来那么多破事！