前言

本文总结了我 2021 这一整年的学习、工作还有生活上的总结，可能文章会有点长，这我避免不了，但是你可以通过目录直接跳转到你想看的部分哦，我会尽量分好章节目录。

简单介绍一下我自己

大家好呀，这里是 HearLing，一个非常努力「变强不变秃」的前端程序媛，可能一些关注我的小伙伴都不知道我是女生吧哈哈。那在这里正式认识一下吧～

非常感谢一直关注我的小伙伴对我的支持；当然也十分欢迎新的朋友来关注我，以后我们一起进步努力呀～

学习

先从学习说好了。我始终认为不断的保持学习，才能一直不断的提升自我，不断进步。没有了学校教授知识，学习变成了一件需要主动进行的事情。变成了可以学想学的，有更多的学习支配时间，学习的东西也更多元了。但也可以变成啥也不学吃老本。

这一章，就列举一些这一年接触和深入学习的一些知识。

前端技术

首先由于我本身就是前端的嘛，相对于这方面的学习自然会多一些，这里列举一些前端技术。相对于之前，今年我觉得主要是围绕 React 进行的，更加贴近公司技术栈，相对来说其他学习的技术是占小头的。

Vue 全家桶

从 Vue2 到 Vue3 虽然工作上还没有用到，但是说不定以后就能用到了呢？Vue3 有了 TypeScript 的支持，使用起来更加舒服（对我来说），其实也不用把 Vue3 的学习想得特别难，有 Vue2 的一些基础不可能学不会的。

React 全家桶

React 是目前公司工作的主力，从Vue 转写 React我觉得没什么压力，写React Hook真的好上手且非常好用。而且如果看到公司以前写 class 组件的话，现在都能直接顺便改成 hook 了。

Redux

Redux 对于公司的状态管理是十分重要的，也是会相对复杂，真正理解了核心，再去看与 Redux 相关的库，以及相关的一些业务逻辑就会好理解很多。关于 Redux 也出过一篇文章：「Redux」概念理解+实战上手（内含大量实例）

期间也是调研也一些关于 Redux 的库，我也出了文章 proxy-memoize和Redux Toolkit 不过可能是受众面不够吧，没啥人看 😂。

Next.js

Next.js 我用了是真的好用，如果你在考虑构建一个完整的 Web 应用程序的话，真心推荐你看看 Next.js。它的一些好处你点链接去官网看，太多了就不放在这说了。

Cesium

Cesium是一个三维地理空间平台，也是基于公司的业务场景，需要这块的学习投入。就不细说了，其实主要就是去构建 3d 模型的这么一个应用，这一块我还只是初步学习，还是需要多掌握一些知识（主要是一些地理知识）才能真正实践运用。

Node.js

node.js 对于前端的影响不用我多说了，他的东西是非常的多，直接学的话多少有点从入门到放弃了。建议买本书，或者下载电子书来看，也可以学一些底层的操作系统呀浏览器呀网络这些基础知识，会很有帮助。

以前的我，对于 node 的理解可能就只是辅助 JavaScript，npm 包管理，今年又发现了新领域，用 node 写爬虫。虽然说这只是一个巧合，本来是用 python 爬取数据的，由于学了 node 我就试着写了一下，直接就在中台写了一套 node 版的爬虫。至此我才发现 node 能做的东西还有很多，虽然 node 能做的其他语言也能做。

其他

感觉都只是稍微学了一下，花费的时间也不算多，也比较杂，干脆都放到这一块好了。

Hexo 我又重新搭了一下博客，现在已经上线了，但是现在或许还有未发现的 bug？

TypeScript 学起来相对简单但是又也是重要的，我现在感觉写代码不写成 TypeScript 就有点难受的程度了。

Git 虽然说掌握了基础的几个命令基本就好了，但是工作中难免会遇到一些分支问题，这时候熟练Git就显得格外重要了。

Ant Design 及一系列组件库吧，虽然说把它摆出来有点奇怪，但是确实工作中它占的比重还挺大。这里顺便延伸出最近在学的，准备自己也搞个组件库。

Storybook 最近在学的，虽然说还只学了开头吧，也算是这年新学的一个技术了，希望自己也能早日拥有自己就的组件库～

后端技术

其实工作中我们很难说去用后端技术，所以这些都是工作外积累的。在学校学的 c 和 java 这些就不说了，主要就讲今年学的后端的技术。

Python

Python 我们学校是不教这个的，虽然不教，但是这个也名声在外。虽然有点兴趣但是并不强烈所以一直没学，机缘巧合就是有朋友 👬 送了我一本 python 的书。从来都是我送书给别人，第一次白嫖到，就把书看了，啊真香。但是你说我学的多牛嘛，也没有，就是能简单爬些数据了，再复杂一点俺就要再翻翻书再琢磨了。

Egg.js

Egg.js 你可能听过 Koa ，那其实 Egg.js 就是基于 Koa 的。

里面我使用的插件主要就是 egg-mysql，通过配置，我们就可以编写操作访问 MySQL 数据库了，前提是你需要 mysql 的知识。可以操作数据库，也就是写了接口，比如写了操作删数据的逻辑，在前端调用这个接口，就可以直接操作数据库删除这条数据了。用这个搭个中台用来处理数据返回接口是非常不错的选择。

数据库

主力还是 Mysql，虽然学校也教过，但是真正自己开发了才知道，各种表查询用了不好的方式导致查询速度慢，数据库最开始没设计好导致后续一系列问题等等。真的就是要记，熟能生巧，要不然每次都要去搜怎么查询数据，就很不 OK 了。

网络相关

计算机网络、浏览器 这两大类，真的不是简单学学就能完全理解的，现在我也依然需要时不时翻看来巩固知识。

其实之前并不觉得有什么，感觉就是http这些，后面因为知识壁垒我去看浏览器和网络相关知识，反而反过来帮助我理解了很多比如 js 的消息队列事件循环、promise async await、页面怎么渲染的、什么时候发什么请求、黑客怎么攻击网站的又怎么去防等等。

也出过一系列的文章总结：

理财知识

虽然说我一直的愿望是：「变强不变秃」，但其实我还有一个愿望那就是「财富自由」。

突然的暴富，对我这个非洲人来说很难实现，而仅仅只靠工资收入，想要达到这个愿望我还需要很多年。并且在存款增加时，钱同时也在贬值，花销也可预见的会增长（结婚、怀孕、生孩子），所以按照长远的人生规划，要不被钱所控，就要学会控制钱 💰。

远离消费陷阱 🪤

其实有一阵我是非常喜欢买买买的，这本身没有什么不对，花钱买开心嘛。我要说的是那些并不会让你感到很开心，并且价值低且价格贵的东西。

第一种就是奢侈品：它本身可能并价值不高，但是由于品牌等原因，导致品牌溢价离奇高。这种我是不可能买，因为可预见的我买了，别人也不会认为我买的是真的 😂，并且我大概率不会开心。

第二种就是需要贷款买的东西：需要贷款，其实也就证明这个东西至少是你目前经济水平负担不起的，需要预支你后续的经济来源来还。如果是刚需买个房呀这种还好，确实是需要承担的经济压力。我这里只是说明明没必要，但又莫名就有的这个压力，比如自己赚一万多，买了一辆贵的车 🚗，出去每月车贷和日常开销，自己也就几百的可自由支配资金，那不是莫名给自己增加经济压力嘛，日常代步真的没必要攀比买名车呀，贷款前思考一下真的有必要买这么贵的嘛？

第三种可能还好就是看到便宜就买：前面两点对于我这种没啥钱 💰 的，基本伤不到我，这个就不一定了。看到它降价、打折、满 200 减 20 这种就想凑单。大学那会真的蹲直播间、玩 tao🍑 拉人游戏、凑单、分好几单为了凑满减、帮忙砍一刀。那时候可能还是有点优惠的。现在买个东西感觉连 9 折都没有，并且现在我也没朋友了 😭，现在看清了陷阱 🪤，我不会非等到双十一，不会为了凑单而买一些其实没啥用的东西。

看理财的书 📖

光有思想的觉悟还不行，还要有知识的支撑，这里放基本我在看和准备看的理财的书 📖：

《不上班也有钱》

简介：30 多岁就退休环游世界，台妹 Winnie 及美籍先生 Jeremy 原是一般科技上班族，靠着减少物欲及开支，存下 70%以上的收入，实现提早退休的梦想，看似不可能的圆梦故事，被国内外各大媒体争相报道。

《穷爸爸富爸爸》

简介：《富爸爸穷爸爸》清崎有两个爸爸：“穷爸爸”是他的亲生父亲，一个高学历的教育官员；“富爸爸”是他好朋友的父亲，一个高中没毕业却善于投资理财的企业家。清崎遵从“穷爸爸”为他设计的人生道路：上大学，服兵役，参加越战，走过了平凡的人生初期。直到 1977 年，清崎亲眼目睹一生辛劳的“穷爸爸”失了业，“富爸爸”则成了夏威夷最富有的人之一。清崎毅然追寻“富爸爸”的脚步，踏入商界，从此登上了致富快车。清崎以亲身经历的财富故事展示了“穷爸爸”和“富爸爸”截然不同的金钱观和财富观穷人为钱工作，富人让钱为自己工作！

《财务自由之路》：

简介：在本书中，欧洲第一理财教练博多•舍费尔将为你介绍梦想、目标、价值观和策略这四大致富支柱，指导你转变理财观念，运用有效的投资理财策略，在保证财务安全的前提下，实现财务自由。你将学到：怎样合理利用负债：科学储蓄并利用储蓄致富；股市投资的 10 条黄金法则；选择基金的技巧及投资基金的 10 条建议。

我也是看推荐去看的这些书，如果你还有更好的书推荐的话，十分欢迎 👏 你写到评论区 💗

总结

2021 学习清单 🧾：

✅ Vue 全家桶电商平台
✅ Next+Egg+React+mysql 全栈开发新闻平台
✅ 重构博客平台
- 组件库编码 ing…
- 理财学习 ing…

工作

刚开始工作一年，说实话不会有太难的工作内容，也不会有很多的工作压力。但是工作非常重要，因为它占据了我绝大多数的时间 ⌚️。

这一年呢我的工作的四大状态就是：开会讨论 💺、编码 💻、摸鱼 🐟、总结 📝

开会💺

总计开过可能近一百场的会议，包括需求评审会议、设计评审会议还有每周周会等会议。这些会议存在的意义，依照我的理解就在于讨论沟通再调整。

需求评审会议：理解这个需求为什么要做，能不能做
设计评审会议：前端指出不合理的地方，顺带提出可行方案
前端会议：估时间，根据功能分工，技术点分析等
周会：总结

编码💻

从 Vue 转到 React，如果不是公司技术栈，我估计我可能会一直写 Vue 吧。倒是因为一直学和写 React，Vue 都要忘了 😂

这里就不说需求做了啥了，有的涉及一些业务不太好总结。

摸鱼🐟

摸鱼还是要摸的，一个成熟的程序员怎么能不会摸鱼呢。这个摸鱼时间可长可短，想要摸鱼时间长那就凭本事了。

摸鱼也不总结了，俺自己知道就好了，还总结一下多不好呀。说点官话，就是希望以后高质量摸鱼哈哈哈。

总结📝

总结是非常有必要的，有输入有输出有积累才会持续进步。但也不用每天都来个总结，或许也不是非得写出来，只是要知道自己在做什么，给你带来了什么，有什么价值等。

总共输出了包括技术分享、组件重构、技术调研、版本开发文档等共计约 15 篇文章。需要改进的是还有许多，比如格式规范、内容整理得更加有条理、研究的深度等。

生活

除了工作学习当然也要好好的生活啦。这一章可能图片会有点多，不知道怎么说，就放多了点图，就看着好玩好了 👌。

吃好玩好

当然生活中对我而言最重要的就是吃什么，吃好才有力气干活。玩虽然也不是必须的，但是把握度确实能让我开心。

关于吃

关于吃，分为自己做饭吃，探店吃以及和朋友聚餐（几乎不会点外卖）。

自己做饭的话，确实是花费精力和时间（可能还不好吃），但是谁生来就是大厨呢，咱们从简单的开始，煎个蛋包个饺子煮个面，再到炒青菜炒肉炒饭，再到做自己喜欢吃的。

实在不行网上教程也很多，相关的书也很多（但其实我又知道了，我可能只是懒）

不自己做那就走出去吃呗，大街小巷总有你喜欢吃的。时常感叹周围的美食太多了，经常让我产生不做饭的想法，啊这。也放个图吧：

再就是聚会约饭，大学同学 👨‍🎓 大概也就约了三次吧，谁要他们都是行业精英呢，太难约了真的是 😂。

这一年和高中玩得最好的闺蜜约了一次逛街，和大学在同一城市的同学约了一次大型聚餐，两次中型聚餐，还有两次家庭聚会，以及被鸽的和大学学姐的聚餐。总的来说还是很多的，对于我这种相对宅的人来说。

如果可以我还是觉得可以多聚聚。

关于玩

从玩一些打发时间的游戏 🎮 比如 2048、数独，到玩王者（现在不玩了）、玩吃鸡（现在也不玩了）再到最近在玩的金铲铲。玩游戏确实能非常快的带来开心，但其实这种开心愉悦也只是短暂的，所以说要把握一个度呀。

然后也看一些综艺和电视剧 📺，有印象觉得不错的就《你是我的荣耀》和最近看了一个电视剧《成人练习生》从第三集开始看，太甜了，但是只有三集太短了 😭。

爱情 💓

关于爱情的总结，我很纠结到底要不要写出来，也不是不愿意和大家分享，就是不知道怎么说。

我其实应该算那种不谈恋爱自己也能过得非常舒服，谈恋爱也不会粘人的那种类型。既不会主动去和男生聊天，单如果有人找我聊天三两句我就能聊冷场或者聊成工作等。甚至因为这个行为，让人以为我有男友了，所以和男生保持距离。你以为这就有点离谱了是吧，更离谱的是我自己还和别人开玩笑说我确实有个校外男友，长得又高又帅成绩又好巴拉巴拉的，就这样好多人都信了，我也就真没法不单身了 😂。

然后就是说，就我这样竟然在大四这一年还脱单了。也随便说一说和憨憨的故事吧，和憨憨在一起确实也就一年，前几天刚过完周年，虽然说在一起只有一年，但是其实之前已经相识三四年了，我是新班长他是旧班长这样。年初他来我家这边顺便见了我方家长，年初我们一起来这边实习，然后回学校毕设，结束后又来这边入职正式工作，开始了俺们两人的新生活。

没想到总结起来还是挺短的，写详细了估计也没人想看，就这样吧～

家人

深处异地，我家还只有我一个小孩，虽说我家实行的是放养制，家里人也习惯我经常不在家，但是像这种一年可能也就回一次家的情况属实有点太长了。

直到写这篇文章的时候我才意识到，原来我主动联系家里人的次数，仅仅只有大概一周一次。这一点尤其对比憨憨几乎每天一次，就显得格外的少了。

憨憨对我来说现在也是家人般的存在，生病难受的时候，如果没有他，真的会非常艰难吧，或许也不会体会到这个城市的温暖吧。

猫 🐱

养一只猫实在是太治愈了，其实一直都非常纠结要不要养。直到现在租了一个大的房子 🏠，有阳台，有能放它各种玩具吃的和窝的地方，有富余的钱 💰 养她等等，这个想法才最终敲定。

它实在是太可爱了，会在你办公的时候趴在键盘 ⌨️ 旁，揣着小手看着你。会在你脚边睡着。还会在早上把你叫醒。她会调皮嘛，答案是会的，她也掉毛，需要你陪她。但是小猫能有什么坏心思呢？掉毛用吸毛器洗掉不就好了？她一直陪你等你回家，你陪她玩玩怎么了？

养猫 🐱 无疑让我的生活发生了改变，一想到家里有只小家伙还在等我，心里就好开心，回到家还会蹭你，真的太治愈了，吸吸秋咪（我家 🐱 名字），一天工作的疲惫都没有了呢。

自己

相比一年前，长胖了 7 斤？简单分析一下原因呀，经常是坐着不咋活动，回家也坐着。吃的多了健身少了。。。然后就胖了。今年多多少少是没办法改变了，这也是这一年做的不是很好的地方，请来年 2022 年践行「管住嘴，迈开腿」这句话 👌。

然后是相比一年前，更注重护肤了，也是老了嘛。但是护肤的水好深，目前还没找到什么感觉特别好的护肤品。

反而相比大学，化妆减少了，化妆技术呢也没有进步，估计还退步了吧。原因呢当然是太难起床化妆了啦，基本上打个底就出门，现在冬天我更狂，直接素颜去公司上班了。能多睡一会就是一会吧，长期来看不会改变 😂，可惜了我的化妆品用不完了 😭。

总结

2021 生活清单 🧾：

- 加强锻炼，减肥回到原来体重
- 和家人常主动联系，更亲近
- 和朋友有时间多聚
- 旅游
✅ 保持存款，投资
✅ 精简化妆品，研究护肤
✅ 保持一定时间陪猫 🐱 玩
✅ 关心憨憨

我与掘金

专门写一章来讲述我与掘金，@juejin 运营够意思吧那还不给我推荐 💐 。这一小节会讲述在掘金的收获和反思

相遇

与掘金的相遇确实主要是因为面试，相信有很多朋友也是这样的，当时我还只是一个读者，我看得多的就是面试相关的文章哈哈 😄。

发布第一篇文章

「浏览器安全」你可能需要的一份浏览器安全的总结（内附思维导图）这篇文章其实是我自己总结，自己看的，因为自己当时对同源策略、跨站脚本攻击（xss）、跨域请求伪造（CSRF）这些知识相对薄弱。

秉持着学习知识也输出知识的理念，我着手将这片文章优化发表。

但事实是想要发一篇不错的文章还是要花很多心思的，比如文案、首图、交互等等，我希望读者看到我的文章不会觉得我是粗制滥造，理解知识也是容易的。

正向反馈

当我将我总结的知识发表出去时，我发现其实还是有很多人和我一样，对一些知识没有总结到位或者理解到位。也收获了一些志同道合的朋友。

质疑

有正面的当然也有负面的啦，虽然说其实没几条，但由于我每个评论都会看，所以还是有点印象。

主要是在这篇 🐮 化身面试官出 30+Vue 面试题，超级干货（附答案）｜牛气冲天新年征文，其实是一个参与活动的文章，本来只是想写 vue 的面经，可是我是谁，肯定不能这么没有诚意，至少要给个参考答案吧，所以有了这篇文章。

没想到有那么多人看，说实话我自己也慌了，因为我自己也深刻意识到我自己不是什么厉害的人物，这种面试文章的形式会不会不好？面试题有没有写全？会不会我的答案给别人造成误解？。。。

最后还是自己给自己解答，那就是对自己写出来的文章负责，努力写出好文，同时接受批评改正进步。

成为鸽子 🐦

写一篇文章，说实话没有什么收益，且需要投入大量时间成本，而你的时间又十分有限。虽然说掘金还是有很多鼓励政策，我也白嫖到了掘金的好多周边，但是权衡下来，我(没错）逐渐成为了鸽子。

容我狡辩一下：好的内容一定是经过沉淀的，学习也不是一件短暂的事情，所以保持非常勤的更新并不是件好事。

但是我还是会保持一定的输出的，写博客、有知识的理解输出，我始终认为是一个好习惯，这个是肯定的，只不过不会更新很快就是了。

顺便一提，我最近想跟进一下面试系列，准备写一篇《🐯 化身面试官出 30+React 面试题，超级干货（附答案）》的文章，想看的小伙伴可以点个赞或者评论让我知道，我再决定要不要写吧。

总结

这一年，从大学迈入社会，从学生变成职场人，我也在慢慢适应逐渐成为一个成熟的人。虽然说还没有到自己特别满意，但人生不就是这样嘛。

这一年发生了很多变化，从管家里要钱到现在往家里给钱，从一堆人到一个人再到两个人，从读者到作者，同事、城市、工作从陌生到熟悉。。。

这一年也学到了很多东西。对于一个职场新人，第一年无疑是会学到很多东西的，但是我还是希望后续也能保持着这种状态，不畏惧学习新知识，对于旧知识也加强巩固，共勉。

2022 年待总结…