记录一下入职前端的第三周

从Java后端到前端开发：入职小公司三周的项目背景与技术栈 

本是想找Java后端，但没有面试。于是面了一家小公司的前端，现在是入职的第三周的周三。先讲一下项目背景，公司产品是大数据方面的。技术部门组成是：2名后端，2名前端（包括我），3名大数据+领导一位。前端负责数据展示部分，用到了Vue、Vite、TypeScript、Ant Design Vue、pinia、Vue Router。基本上就这些，还有些别的库比如VueEcharts。

从入门到适应：初探前端开发的第一周经历与挑战

以上这些我可以说都不熟，学习的时候只接触了Vue2、JavaScript、Axios和ElementUI。后来自己随便写点个人项目的时候发现现在都更新到Vue3+TS+ElementPlus了。然后之前还没学状态管理Vuex，入职后了解到现在都用Pinia了。Vue Router稍微了解一点，用过路由守卫。

入职第一周，一开始先熟悉了半天项目，还好之前学后端的时候用过git，也注册了github和gitee。不过公司用的是gitlab，确实第一次面对真是开发场景，有很多都是第一次。像拉代码的时候就埋下伏笔了。给我注册了几个账号，然后我很天才的直接把代码下到本地开发了。导致第一次提交的时候研究了一会，最后还是后端哥们帮我用命令提交的。不过当时我就觉得，这家公司git用的很不规范，不过无所谓了我也不是老板。其实时至今日，我依旧只有两个分支，一个是我自己的，一个是大伙推代码的。然后还在VsCode上体验了一把用git的感觉，也挺好使。怀念IDEA了，已经很久没打开过了。

从懵懂到初步掌握：前端开发前两周的挑战与成长

给我安排的任务是开发两个新的子页面和为已经存在的页面的抽屉新增一些复选框，新页面主要就是一张表用来展示数据。刚上来我其实觉得很简单，先写个静态的页面，再调接口转拿真实数据就完事了。但是对于项目和组件的不熟悉，这个活我差不多干了3天。其中遇到的问题有，日期选择组件的使用、Day.js的使用、table自带pagenation的使用、项目封装的网络请求的使用，还有其他很多小问题。我也是一边学，一边敲。自我感觉良好，第二周主要是搞定那个旧页面的复选框。我一开始以为不难，直到我开始写。我一上来就愣住了，他的要求是一个全选，7个次级全选，次级下面是多选，我看了一眼组件库，只有一级。就是一个checkbox对应一组checkbox-group。我研究了好久，其实主要是靠问gpt，加上自己理解。总算看懂组件里的ts是干嘛的了，于是我很机智的先复制了7遍组件代码再给他们独立，就有了7个独立的拥有全选功能的多选框。然后我再通过，copy全选功能的逻辑，为这7个独立的全选复选框添加了全选功能。这样就实现了老母牛穿胸罩一套又一套的功能。至此好像就过去了一天，直到功能都没问题，我开始拿数据，接下来不用想就又是一堆问题，比如我要怎么从接口里循环取出我要的数据，再给多选框赋正确的值，然后还要根据不同用户来获取不一样的值，也就是数据回显。这里的坑最多，我得再开一篇好好讲讲。这个多选框其实我今天还在修改。不过现在基本上可以说一句，没问题了。

然后就是网页导航栏，他是有权限分配的，没有对应权限的用户是不能使用某些功能的，但是之前写的代码有bug下拉菜单里功能没有但菜单还是有，新追加的功能，没有添加这个权限的限制，导致首页显示的不正确。于是我又开始，猛猛看项目代码，和疯狂问ai。