---
url: https://sugarat.top/offer/experience/2021summary.md
---

# 2021年度总结

**疫情反反复复，希望2022能够全面平息疫情！！！**

**疫情反反复复，希望2022能够全面平息疫情！！！**

**疫情反反复复，希望2022能够全面平息疫情！！！**

## 前言

`"人生的经验和智慧，大多来源于积累和总结"`

大部分人是比较健忘的，但不代表完全忘得一干二净，通过零碎的语言与图片能够唤起深处的记忆

回顾过往，时常的总结与输出，因为"互联网是有记忆的"

## 校园

去年大部分时间是在实习，并不呆在校园

今年在校园呆的时间加起来也不到2个月，异常珍惜这段欢乐时光

与室友们出去聚餐/唱K，这段时间过得贼快，转眼大家就各奔东西了

### 毕业设计

#### 选题

由于支持自由命题，就把曾经做的一个[Web项目:EasyPicker](https://github.com/ATQQ/easypicker2-client)报了上去，往小了说就是一个“在线的文件收集&管理系统”

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNTEzMjg3MA==641215132870)

不出意外的通过了评审，然后就用当下最新的技术栈迭代了一版进行交工

#### 论文

期间最困难/费事的事莫过于写论文了，绞尽了脑汁肝出，肝了2.5w字

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxMzQ5Mjk5MA==641213492990)

不过这查重率低得有点离谱了。

不过好在结果是好的，答辩也非常的顺利（把老师唬住了）

#### 产品的历史

这个项目最初只是随手糊的一个玩具，方便向同学们收缴文件，最后同学/老师反响都还不错，就进行了迭代升级

技术栈经历了奇奇怪怪的变革：

前端侧：

1. jQuery
2. 原生JS
3. Webpack + 原生JS
4. Vue2 + ts (装饰器写法)
5. Vue3 + Vite

后端：

1. Java（SSM）
2. 原生Node.js + TS
3. 将原生的Node抽成[小玩具](https://github.com/ATQQ/flash-wolves)

技术栈的频繁变更，随着笔者学习的技术栈变更而变更，拿手里存量项目开刀练手

稍微感叹一句：现在的学习资料比17/18年那时候丰富多了，那时候消息闭塞，只能靠百度搜学，走了不少弯路

#### 结果

目前注册的用户量有100+，也还不错，为数不多在校期间做的活下来的项目

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNTUzMTMxMg==641215531312)

总结一个道理：校园里做的项目得解决眼下比较实在的问题，才容易推广

### 毕业计划

* \~~毕业旅行~~
* \~~吃吃喝喝~~
* ......

计划了很多，但毕业后，口袋实在太紧，直接奔北京开始打工了

## 生活

### 老家

1月底 -> 2月底放寒假这段时间待在老家

与大城市里的景象截然不同，早上睡懒觉，下午出去晒太阳，晚上约好友唠嗑。节奏很慢很慢

#### 节日氛围

春节气氛还是有，就是烟花爆竹有点污染空气

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNzk4MTI0NQ==641217981245)

不知道今年回去又是个什么景象

#### 狗崽子们

家里的`"小白"`一窝下了7个，身体因为营养不良看着非常的瘦（皮包骨）

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNjg5NTg2Mg==641216895863)

罪魁祸首

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNzE5MTk4NQ==641217191985)

由于过段时间就要离开就给狗崽子们寻了一个好的下家

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxNzU4OTk2MQ==641217589961)

不过小黑狗近况不是很好，前段时间生病了，过年放假回去探探

### 成都

在这座城市生活了4年，不久后就要离开这座城市了。心中还是非常不舍

在这座城市里有着太多的回忆，这座城市见证了自己的成长与蜕变

这座城市也成为了以后准备定居的城市，不过这可能是3/5年后的事情了

### 北京

在找工作之前也从来没想到会跑到帝都这边来谋生

不过最终还是踏上了这里，也将是今后几年的生活的地方

#### 租房

这次到北京（7月），租房时间非常紧张，和几个好友准备住一块儿（三居室），找起来非常棘手

好在功夫不负有心人，找了个距离公司`2km+`的，环境还算满意，押一付三

但首个季度第二个月交下个季度房租，就导致刚发一个月工资就交了7个月房租。只能靠`花呗`度日。坑死了

下次得多长心眼才行

然后就是`水`,`电`,`气`的开销，搬进来得记录一下各项指数的起数，不然就被中介坑了

最让自己惊讶的是水费，这边居然还要交大笔的 `税和污水处理费`，离谱子😲😲

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTIxOTc1NTM4OQ==641219755389)

#### 通勤

刚开始上下班天天打滴滴，但发现太费💰，就改成搭地铁

赖和地铁太拥挤，步行距离太长。最后就自己整了个🚴🏻

但天冷起来的时候，鼻炎犯了又开始打滴滴

#### 就医

刚到这里是夏天，还是比较习惯

但入冬后就开始水土不服了，这边气候又冷又干燥，给鼻炎整翻了

隔两周就要跑一次医院，好在有员工商保，能报销大部分，不用担心看病花钱。

## 工作

### 实习

从20年5月一直到21年2月一直是在实习，这段时间成长也是挺快的

虽然技术深度没啥提升，但广度有个量的飞跃，眼界比呆在学校那会儿宽了很多

### 正式入职

脱离校园后不久，7月初便入职了。直接快进到打工人

### 培训

> `"Better U"`校招培训 - [图片直播](https://live.photoplus.cn/live/3138865?uniqCode=KB7hWmZGQE\&accessFrom=live\&code=041VaOll2m2Tk74Mh7ml2HOWSM0VaOla\&state=STATE#/list)

校招培训很nice，结实了一波非常优秀的人儿

内容形式也非常丰富，（沟通/写/...）基本功课程，集体活动（含PK），当然最不喜欢的环节就是做汇报（😄）时间有限，又肝PPT又肝文字材料

### 业务

团队技术栈主要为 `React`系，包含 `React Native`

业务项目形式涵盖：PC/H5/客户端

期间业务侧糊了差不多2个页面 RN 1 个、H5 1 个，看上去十分轻松

最头痛的问题还是兼容性问题，H5 在兼容低端机是需要做很多`骚操作`，RN 需要兼容双端不一致的情况

### UI验收工具

主要用于端内页面的UI验收，设计师可以直接测量页面的各个参数辅助进行设计稿对比

主要工作是在原有的验收工具上为H5侧提供了2个能力

效果如下

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTcyMTkyNTc3Ng==1125139620.gif)

本来有打算把所做的这部分能力进行一个开源，但时间紧迫，一直未如愿

这个`TODO`就留着22年实现吧

### 落地Vite

`Vite`在21也是大🔥，为了保持使用技术先进行，也在小组内推进了落地

为组内所负责的`研发框架`接入了Vite

22年也将是`Vite`迅速发展的一年

具体接入方案可参照文章：[webpack项目接入Vite的通用方案介绍](https://sugarat.top/technology/learn/webapck2vite.html)

### 插件化迁移工具

项目`重构`/`升级`是一个长期的工作，如`Vue2`升`Vue3`项目脚手架更换，基建升级等等

社区里的迁移工具很有限

之前所做的迁移工具定制性也太强，不方便拓展

由于重构/迁移 是长期存在的，为了减少工具重复建设的成本

此次设计+实现了一个插件化的迁移工具，不同的场景直接使用不同的插件进行组合即可

工具目前仍在建设阶段，后期`择机`进行开源与文章输出

## 社区

### GitHub/掘金

[2021 commit status](https://github.com/ATQQ?tab=overview\&from=2021-10-01\&to=2021-10-31)

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTcyNDA2NTgyOA==641724065828)

输出主要集中在上半年，下半年由于参加工作，个人时间被大幅度压缩，有很多`idea`都还没得及实现

### 文章

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MTcyNDQzMjE5NQ==641724432195)

![图片](https://img.cdn.sugarat.top/mdImg/MTY0MjMxOTE2MjY1Mg==642319162652)

其中不乏有些水文，但也有部分质量不错的

## 总结

打工半年，感慨颇多

在公司就跟公司的目标走，为了KPI，自己的技术导向也得一定程度的向公司所需方向倾斜，有助于自己实现双赢

轮子越来越多，需抽时间学习与实践

TODO：`码一篇2022的前端趋势技术尝鲜`

## 新篇章 - 2022规划

21年转瞬即逝，立的flag回头看看也仅仅只完成了一小部分，新的一年当然得有新的flag

定期check 完成进度

* 博客
  * \[ ] 自动化改造 50%
    * \[x] 自动生成sidebar
    * \[ ] 自动生成navbar
    * \[ ] 搜索升级
  * \[ ] 独立的资源分享页 - 每天都会刷到多多少少的优质项目/好文，独乐乐不如众乐乐
  * \[ ] 平均每周更一篇
    * \[ ] 面试专区
    * \[ ] 源码专区
    * \[ ] 实践专区
* \[ ] 站点迁移 - 阿里云 => 腾讯云
  * \[ ] 数据库迁移
    * \[ ] MySQL => NoSQL
  * \[ ] 域名迁移
  * \[ ] 站点迁移
  * \[ ] CI/CD更换ssh key
* 学习
  * \[ ] 收藏夹的东西拿出来啃，整出学习笔记
* 开源
  * \[ ] 个人项目迭代
    * \[ ] ep
    * \[ ] imgbed
    * \[ ] sign-web
    * \[ ] resume
    * \[ ] Vite相关
    * \[ ] bundless相关
  * \[ ] 整个一劳永逸的CI/CD线上发布平台