小白接受社会的毒打

小白接受社会的毒打

七月份刚入职了一家公司,当时什么都没准备好,这为我的离开埋下了伏笔。
我刚进来什么都不懂,甚至电脑发下来,还是一位大佬帮我装,因为我从没给台式机接过线。现在都觉得真丢人。第一第二天都是在装开发的工具。忽然有一天,带我的这位大佬给我看一个问题单,叫我来修改一个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。