小白接受社会的毒打

小白接受社会的毒打

七月份刚入职了一家公司，当时什么都没准备好，这为我的离开埋下了伏笔。
我刚进来什么都不懂，甚至电脑发下来，还是一位大佬帮我装，因为我从没给台式机接过线。现在都觉得真丢人。第一第二天都是在装开发的工具。忽然有一天，带我的这位大佬给我看一个问题单，叫我来修改一个bug。过了不久我把这个问题定位出来了，就是vue的v-for的key值重复了，导致页面无法显示。找出这个bug，我还是很兴奋。可是后面的问题来啦，我不会提交代码，虽然之前学过git，就是没有重点记住它。所以之后一段时间一直问身边的人如何提交代码。这是第二问题暴露我菜鸡的身份。
第三个问题，就是对vscode编辑器使用不熟练。如在vscode查看代码对比（可以显示哪些代码是自己改的）、切换分支、全局搜索、ctrl+f的本文件搜索（因为学习时的代码量很少，不怎么用到搜索）、eslint自动化。感谢带我的大佬给指点江山。
第四个问题，就是对UI组件不熟。对现在前端来说，UI的一些基本功能是必须要会的，常见的UI有Ant Design of Vue和Element以及公司自己封装的组件。只要精通其中一个就可以融会贯通，因为他们底层实现的原理是相似的，都是基于vue的封装。薄弱的UI基础彻底摧毁了我的自信心。
入职十几天，我分到一个组，做一个项目。一共三个人。一个大佬负责架构和做一些工具类，公共的导航栏。我们俩负责各自模块的页面。前几天都还好，我用Ant Design of Vue照着大佬的代码，写对话框，form表单，简单的Table表格。心里是美滋滋的，自己可以做出一些东西来。直到遇到这样的需求把我卡住了。如图：

当我点击新增按钮时，表格中多出一排输入框，当我点击保存时，它就像上面前四个的样式一样。当我点击编辑按钮时，出现如下图的样式

这种直接在原位置添加输入框做编辑修改，我当时想了半天，然后我要问了身边的大佬，他说了大致思路，但我还是做不出来。从那以后我的进度达不到要求。被领导叫去谈话了，最后换另一个人来接手我的项目，我继续回原来的地方去改bug。从那时起我感觉到了挫败感，我问比我早一年来的，你刚开始也是这样吗？他说刚开始都这样，以后会慢慢好起来的。那时我信了，也给自己一个心里安慰，刚来的都是这样的。从我现在看来，是我没有努力去改变自己，或者说是成长的速度太慢了。后来，有一个员工离职了，他留下的摊子（现在看也不难的东西），在我当时看来这是一个烂摊子，我怎么去收拾。当时做一个手机上的应用。需要我下载app,然后从手机里获取token再用公司内部的即时通讯，（类似QQ）发到电脑里，然后才可以在本地调试。我要是本地调好了，就提交代码，叫有权限的那位大佬出一个新包部署到环境上，然后我就可以去找测试复现了，还有问题就继续改，改好了就可以把问题单转给测试关闭。我在这边很吃力，明明想做事却无从下手。我这么一个菜鸡在当时的环境显得格格不入，在这边改bug几天，我决定要离职。当时有HR想要我，在休息的时候我就去面试了。面试是电话面试的，是个女生，她问的问题我回答的还比较好，一直面了35分钟，最后告诉我等通知。大概两天后就给我发offer，我不禁感慨大城市工作机会就是多。
进入新的公司，非常幸运，还有三个前端在我之后入职，我们坐在一排，之后的两次换场地也都是坐一排。我们遇到问题都互相帮组，入职考试一起找答案；如何填忘打卡电子流；加班电子流；如何解决代码冲突，如何使用本公司使用的一些开发工具等等，跟他们在一起我可以快速成长。这里还分配一个导师，前端一共20多个，有问题也可以求助其他人，我在这里获得了很多的帮助，不像呆在第一家公司那样，显得那么无助了。这里有6个前端是新来的，他们都犯些小错误，我也不例外。
我们都经历过把别人的代码覆盖掉。（因为很多人同时改一个地方，就容易覆盖他人的代码）。刚来我们也没写什么复杂的东西。就是做国际化，当点击英文按钮，页面就都显示英文。否则显示中文，这个相对比较简单。
接下来讲讲我这个公司的第一个比较完整的项目，就是jsp页面的改造，用vue代替jsp页面。还好刚来公司我就注意到了这里用ElementUI，于是我看了table，重点看了分页器。如下图

我之前研究了一两天把这个研究明白了，这个东西也是经常用到的。所以我项目用到分页器，很轻松就可以实现。遇到一个比较复杂是时间选择器，如下图

在这有三个按钮，当前月，这周，上一周，这需要实现一些时间的函数，项目组里有人写过这个，改造一点东西就可以用了。还有一个功能也是用了他人的东西，就是导出excel的功能。最让我头疼的一个东西就是上传图片了。如下图

我花了几天研究这里的东西，我查了百度。那天我加班，还在这里翻找答案，我的leader说你现在还找这些东西啊，你那风险很大呀！你可以找他们之前写过东西看看。我于是找啊找，还是没有和我完全一样的东西。所以有一些东西我自己去摸索，最终实现了效果非常好。
这个还有一个bug花了大概一天时间，退款的页面，数据库的金额是以分为单位，我展示到页面上的要以元为单位，退款时我忘了把元转为分，结果退款的接口老是失败了，不能正常退款。我在那想半天都没招了，结果测试找到了这条bug,他说你原来页面展示为分的时候，审核是通过，是不是你传值的时候是以元为单位。一语点醒风中人。问题解决了。这次是走一个完整的流程，第一次跟后端联调，每次我怀疑他那里有什么问题的时候，最后都是我这里的问题。有的是传参错误，有的是接收数据忘了加个data。这个项目就这样，经过了测试的种种考验，我改了各种问题单，最后通过啦，不容易！coder。