应届毕业生前端试用期总结

应届毕业生前端试用期总结

---

---

前言

提示：真实记录试用期用到学到的，以及感悟。（记性不好尽量回忆）

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、到了公司工作到底干什么，需要提前准备啥？

记得我面试成功后，总觉得自己应该干点啥，老感觉不干点啥会对不起公司花钱雇我工作，哈哈哈（刚毕业比较天真)最搞笑的是我入职之后，我大学同学跟我一家公司，问我公司用的啥，还问我公司可不可以染发烫头，我当时就笑喷了，真以为自己是小学生去上学吗？
其实什么都不需要，只需要带着自己平时用的东西就行，有啥问题公司老员工都会告诉我们（当然要自己主动问）工作的时候任何人都喜欢勤快点的小孩。

二、工作中常用到的东西

1.通用的工具等

• git仓库管理
• 编写软件 （VSCode,HBuilder X,SublimeText3等）
• 前端框架（vue,react等）
• 对应框架的组件库（vue-element ui,react-ant design等）
• 代码上传维护（MobaXterm等）
• 地图插件（高德，leaflet等）
• 可视化 （eachers,canvas等）
• 图标库 （阿里，组件内的）
• 接口文档 （YApi等）
• UI图 （慕客等）
• 笔记 （XX笔记，网上一大堆自己喜欢就好）

git仓库 要配合node.js使用进行插件安装运行。可能会又是碰到古老的项目要降低版本，我进行node版本管理是 nvm #Empty写的nvm操作博客这个兄弟写的很详细但是很多步骤不一定需要。
代码上传的时候一定要听从公司安排，不然可能会出现版权问题哦，不能用盗版软件上传
leaflet地图比较轻型，有些前者写的插件也很复杂，自己学起来真的是秃头，尤其还全是英语！！
可视化部分 简单的可以用 canvas （显得）比较屌，太复杂的建议用eachers

2.我工作用到的个人认为比较好用的

• 我在公司用的工具 （vsCode,sublime Text3,react,ant design,MobaXterm,leaflet,eachers，阿里巴巴矢量图标库，YApi,慕课，XX笔记）

vsCode免费的里面是很好用的，我为什么用两个那，因为用vsCode单独打开文件太慢太复杂，所以我用sublime Text3来打开单个的文件很好用。HBuilder是来自于对学校老师的尊重（哈哈哈哈）
我用的XX笔记真的不好用，前段时间还爆出有Bug,导致用户信息泄露，这个倒是小问题，现在我们基本都相当于在互联网上裸奔，最主要是他在我电脑上出现安全认证问题，时不时提醒我，图标还没了，尝试过几种方式没有恢复就没有继续搞。你们要有好办法可以告诉我。

三、常用代码

1.git常用命令

代码提交四件套

• git add . (添加全部修改到暂存)
• git commit -m ‘feat()提交’ （commit 提交信息）
• git pull (拉取代码)
• git push (推送代码)

正常这四条就可以提交代码，git add /src 可以指定修改的文件上传 git status 可以查看修改的目录

• git add /src
• git status
• git clone http://198.188.9.456:3660/Frontend/Demo.git 克隆将仓库代码克隆下来

npm 系列

• npm i
• npm start
• npm run dev
• npm run build

2.代码审批

代码审批一般对于新员工的，对业务和代码还不是很熟悉，需要老员工审批一下。

1. 建立派生分支Fork将代码 Fork 到个人仓库下，为了与主干代码区分， Fork 仓库的名称统一用 项目名_git用户名 的命名方式（如：TTS_wangwc）
2. 派生后会在自己的git首页出现派生仓库，拉取到本地，进行代码编写。写完提交到自己的派生仓库
3. 进行周期性的代码合并，比如一天合一次，合并的时候要注意选择分支
4. 出现冲突解决冲突

1.创建名为congcong的（啥东西）与上游仓库建立连接
在本地仓库 TTS_wangwc 中添加上游仓库，将上游仓库命名为 congcong。
执行命令： git remote add congcong root@198.188.2.86:Frontend/TTS.git
2.同步上游仓库
然后执行 git fetch congcong 同步上游仓库（这里需要注意，如果当前分支不是你需要处理冲突的分支，需要先使用 git checkout 命令切换分支，如：我需要处理 develop 分支的冲突，但是当前位于 feature 分支，需要先执行 git checkout develop ，然后再 git fetch congcong ）。
此时，执行查看远程仓库命令 git remote -v ，会发现当前目录下已经同时存在自己 Fork 的远程仓库和上游仓库
3.解决冲突
使用 git merge 命令进行冲突处理。如果冲突是位于 develop 分支下，则执行 git merge congcong /develop ，该命令是本地代码与上游 develop 分支合并，这时冲突就产生了，显然是与上游仓库更改过同一个文件。然后处理代码冲突，并提交代码。提交代码后，原合并请求会自动重新放开。
然后你可以添加评论 冲突已处理 重新通知评审人进行代码评审。

2.代码维护

• 备份代码

cp -rf static static_20201208 备份文件夹
cp index.html index.html_20201208 备份html文件

• 版本回退

利用 git log 查看commit_id
撤销 commit, 同时保留该 commit 修改： git reset commit_id
撤销 commit, 同时本地删除该 commit 修改：git reset --hard commit_id

四、工作成果

1.成果

入职后从0开始学react，第一周做出了两个简单的页面，实现部分功能，之后就在学习代码规范和各式各样公司需要的东西，大约第二周开始接到了自己人生中第一个项目。分到了3个页面，有地图，有可视化还挺锻炼人的。
一个月左右开始进行另一个项目的改Bug中，刚接到项目我是懵的整个都不是我写的，我对这个的需求，逻辑，数据啥都不知道，接口，图标都没权限，然后就开始了我的爆肝路，基本节奏就是测试测4天到一周，测完就得接着改完，每天下班都很晚，最厉害一次晚上11点半，幸亏公司有零食。
但是改Bug学到的东西真的多，很多不会的硬着头皮上，改错了，回来再改（内心觉得自己是个菜鸡）怎么啥都不会，看半天看不懂。跟着这个项目我也算是吧后边的测试程序算是有了大概的了解。

---

总结

总结：
试用期真的，特别磨练人，但是一定要有一个强大的内心，不会的硬着头皮顶肯定能顶下来，不会要多请教，出错就要改错。
希望大家在爆肝的道路上越走越远。