四年老前端的2021半年回顾|2021 年中总结

3,716 阅读9分钟

看到掘金各位大佬都在写年中总结,想了想很久没有这么总结性的写过总结了这次也凑凑热闹。

前言

不知不觉,今年2021年悄咪咪的也过了一半了,不知不觉就入行4年了,不得不感慨时间过得真的很快哈。

半年多前,我就在沸点上大致写了接下来的需要做得东西:

1.png

有些东西呢超标完成了比如:整套博客迁移到自建的k8s系统上,nodejs的相关服务加上了性能监控以及sentry的搭建等等等

有些东西呢之前想弄的没折腾: 搞一波自己的组件库

技术的那些事

上半年疫情期间因为一些原因提桶跑路了一家刚刚成立的国企背板新公司,新公司的前端同事都非常nice。因为团队是刚刚组建的,所以在这期间参与了很多前端基建的工作,比如cicdnode中台错误监控sentry,cli脚手架的开发等等。在这个基础上我把在公司中的一些基建也带到了自己搭建的服务器中。

自建k8s以及整套博客系统迁移

上一年我的博客系统都是基于docker走的单机部署,自己玩玩还行放到生产环境就必须要部署在集群中了。于是乎今年下血本新购了两台机器自己搭建了k8s系统,并且把绝大部分的服务通过helm部署到了k8s环境中。

  1. 博客前端服务: 包括csr-www.carrotwu.com以及ssr-ssr.carrotwu.com,主要技术栈为react + ts + next.js
  2. 博客后端服务:主要以nest.js + mysql + sequlize等为主。
  3. 各种node中台比如puppeteer中台服务: 主要以nest.js + mysql + sequlize等为主。
  4. 私有代码仓库以及镜像仓库:gitea+harbor
  5. 配套的cicd服务: drone
  6. k8s性能监控: prometheus + grafana + alertmanage
  7. 错误监控: sentry

222.png

3333.png

搞完上面这么多东西,感觉自己都是小运维了,哈哈哈哈。不过也学到了很多东西比如:整套链路式cicd自动化构建部署系统,node服务集群部署,docker镜像的优化,如何给node服务添加错误监控以及性能监控....

想了解更多可以查看整套博客从单机到k8s的迁移之旅

折腾运维的活——node服务的集群部署以及监控

以往的我对于nodejs服务来说仅仅停留在demo层次,写完一个node服务支持裸单机部署,nodejs本身十分脆弱,node的运维部署才是重中之重。

基于k8s的高可用多实例部署,基于prometheus以及prom-cilent监控内存等性能指标数据

在上面的基础上,自建sentry把博客前端、博客后端等各种node中台服务都接入了错误监控。

4444.png

nnn.png

做一个合格的面试官

以往都是被别人面试,今年自告奋勇的当了一回面试官。以往身为一个面试者不注意的一些细节,这次从面试官的角度来看以前的自己确实是十分的“辣鸡”...

今年陆陆续续的也面试了快一百份简历了吧,有外包的有高级的甚至资深工程师也要我去面,我自认以自己的技术而言顶天也就高级而已。

说说我面试高级或者资深的要点吧:相比于业务上的一些技术产出,我更偏向于问基础建设以及架构层面上的东西,包括但不限于:

  1. 实际的nodejs落地项目
  2. nodejs的性能监控方案
  3. 遇到内存泄漏如何解决
  4. 市面上流行的跨端开发方案
  5. 如何让单页面秒出(骨架屏,预渲染,ssr,离线包等)

主动参与或者主导业务之外的基础设施

在以往的工作中,大部分时间都是作着重复接需求做业务接的"搬砖者"角色,缺乏主动参与一些公司前端基建的建设。有句话说得好:一流工程师做算法,二流工程师做架构,三流工程师做业务

在这段时间中,有幸得到了老大的信任主导并且参与了许多前端中的基础建设包括但不限于以下:

  1. 前端cicd自动化构建部署流程
  2. 基于node的图床中台服务以及puppeteer服务
  3. 用于vue或react项目渲染模板检测遗留合并冲突代码的webpack插件和babel插件
  4. 基于某项目组路由文件过多打包几分钟的痛点写了个脚手架wcli,可视化选择模块的方式集成开发,打包,发布等功能。效果挺好的,项目负责人都说好哈哈哈哈。
  5. 参与官网从csr到ssr的讨论以及建设。
  6. 参照饿了么骨架屏插件写了一个支持预渲染以及骨架屏的webpack插件

养成写博客的习惯

年前那时候基于想玩k8s花了几千块加购了几台服务器之后,为了不浪费这白花花的钱就强制性的要求自己每一个月至少输出一篇博客。

看了一下自己的官网,已经超量完成任务了,陆陆续续的发布了十篇原创的文章。主要涉及的技术都是node,k8s,内存泄漏,webpack插件等等。

对比与上一年的文章来说,今年文章最大变化主要是基本都与前端基础建设有关。以前可能更聚焦于某些库的使用或者某些库的源码分析,大部分文章的编写都停留于应用层面上

既然要写文章那么就要对自己要求高一点,后续希望文章的编写更多的贴近于前端架构或者前端基建层面。毕竟要想在前端层面上更进一步迈上高级甚至资深层次的话,就应该尽量增长技术的广度或者深度不要停留在应用层面上,应该更多的聚焦在架构层面上

555.png

立个flag

上半年过去了,下半年还是要立个flag的对吧,下半年大致想要折腾的东西如下:

  1. 组件库的折腾以及组件库文档的输出(storybook
  2. 继续持续性的输出原创文章
  3. 博客前端ssr迁移到nextJs12版本以及spa迁移到react18版本
  4. 折腾node服务elk日志服务的搭建以及skywalking链路调用日志

生活的那些事

跟女朋友去长沙耍

年前12月份的时候,周末前请了两天假凑了四天跟女票从广州出发去长沙玩了四天,某人终于喝到了心心念念的茶颜悦色。。。

陆陆续续的逛了岳麓山,橘子洲头,华裔小镇,文和友等等著名网红打卡景点。可惜的是四天有三天都在下雨,接近0度的气温让两个南方人感觉到瑟瑟发抖。

而且在第四天准备做高铁回去的早上,长沙下雪了!!!!,问了一下当地的小摊贩们都说这是长沙最近几年第一次下雪了。两个南方人第一次看到下雪既然是在长沙看的也是醉了。。

1.jpg

3.jpg

4.jpg

3231.jpg

花都芙蓉山徒步——滴滴上去警车下来

过年的时候被小伙伴拉取广州花都玩耍,其中有一天是计划去花都的芙蓉山徒步,本以为是一个简单并且健康的户外运动没想到差点人都回不来!

中间前半程按着徒步app提供的导航还是没问题的,后面不知道啥走着走着就偏离了路线走到深山老林去了。最重要的是原本计划在天黑前就能走到终点因为偏离路线的原因,天完全黑了我们还在竹林中瞎晃悠。绝望!

还好其中一个小伙伴带了头戴探照灯最终决定原路返回到一个废弃的农庄中,拨打了警察叔叔的电话求助。最终在警察叔叔的帮助下(被训斥了好久,我们知道错了qwq),乘坐警车被带下了山林,感谢假期时间来帮助我们的警察叔叔。因为位置不够的原因,我坐在警车后面的货备箱里全程被警车后方的小轿车注视,场面极度尴尬。

6.png

温馨提示:徒步最好在有经验的小伙伴陪同下并且带好安全救急装备的情况下进行,还有最好选一些人比较多的路线。我们选的这条路线在app上是一条2017年的徒步路线,很多标志物早就已经消失或者废弃了,后半段的路线杂草丛生根本看不到人走的痕迹。。。后知后觉生命的脆弱。

广州疫情的那些事

今年5月份广州疫情又复燃了一波,还好在疫情前请假去打了第一针疫苗,疫情爆发后就真的是一针难求

不得不说广州政府反应还是迅速的,我前前后后总共测了三次核酸,每天上下班光粤康码就要打开十几次。端午节假期看着其他省各种吃吃喝喝出去玩,我就呆在家里等死,难受啊马飞!

希望疫情赶紧过去,我跟一城之隔的女票已经快两个月没见了,这下怕是真的网恋了。。。

最后

魔幻又重试的2021上半年结束了,感谢各位看官看到这里!希望在接下来的2021下半年里,掘金的小伙伴们都一起成长吧!

最后贴一波我的博客地址,欢迎大家浏览评论哦!thanks~

博客csr地址

博客ssr地址

掘金年中主题活动 | 2021 我的半程成长之路征文活动正在进行中......