大家好,我是海怪。今天是 22 年的第一天,醒来没啥事做,正好总结一下去年发生的一些事。
其实去年是在线教育比较动荡的一年,双减政策一出,很多机构说没就没,说破产就破产。我以为我们能躲过这一劫,但还是无法幸免。不过作为打工人,在哪打工不是打工呢?所以,心态上也比较平和。
[图片上传失败...(image-629fe4-1641011531578)]
比较庆幸的事我们下半年才解散,所以整一年也做了不少事,包括微前端的研究、文章输出、开启自媒体运营,侧边栏贡献等等。
昨天,12月31号,我还感觉时间好快,但是今天细想做过的事,觉得一年还蛮长的,下面就来总结一下吧。
写文章
今年算是重新把写文章这件事捡了起来。起因是有一天,我突发奇想:要是把 “马老师不讲武德” + React Error Boundary
结合起来写一篇搞笑的造轮子文章,应该会很有趣。所以就有了这一篇:造一个 react-error-boundary 轮子。
[图片上传失败...(image-23b891-1641011531578)]
后来发现这种从 0 到 1 去推演这些小轮子形成的过程非常有意思,而且市面上很多源码文章都是拿现成源码来看,很少有这样从 0 到 1 一步步地还原源码。我想这也算是种创新吧,就一下子就写了十篇。这个项目也是我 Github 上第一个拿到 1000+ stars 的项目:
[图片上传失败...(image-e096a7-1641011531578)]
后来也在公司里也拿下了《优秀文章系列》奖。
[图片上传失败...(image-f47110-1641011531578)]
当然奖不奖的也还好,主要有 1000 块钱的奖金还是挺香的,后来请家里人喝早茶去了~
[图片上传失败...(image-753a72-1641011531578)]
企业微信侧边栏
经常关注我的人估计看到我写了不少关于 企业微信侧边栏 的文章,这是因为还没离开在线教育的时候,我主要是负责侧边栏应用项目开发,侧边栏长这样:
[图片上传失败...(image-d70a1-1641011531578)]
我相信大多数人会觉得这个玩意很简单,甚至觉得很 Low,不就一个 WebView + index.html 么?
对,但是不全对。 它确实就是一个 index.html
。但去年那个时候,官方文档还比较难看、实践也比较少、坑也很多,侧边栏的上手成本非常高:
[图片上传失败...(image-7d5308-1641011531578)]
单单一个 我想在本地调试侧边栏 这么简单的事情,你可能都不知道要怎么弄。
在踩了无数的坑以及做了很多次尝试之后,终于在年底创建了一个 Github 的 Organization,把所有的实践、教程、封装思路都放在这里:
[图片上传失败...(image-98c0d3-1641011531578)]
在开发者社区也做了一点点贡献吧,因为我踩的坑真的太多了,不想下一个人重蹈我的覆辙:
[图片上传失败...(image-5ddedb-1641011531578)]
还成为了社区的优秀贡献者:
[图片上传失败...(image-98b4f-1641011531578)]
不过,后来发现一共就 5 个人在写文章,好吧,那没事了(逃。
最后,把前面了解的所有东西都整理了一遍,还发了一个专利:
[图片上传失败...(image-1ebdf0-1641011531578)]
从需求开发,到编写开发教程,再到总结最佳实践,最后发了专利,侧边栏项目算是去年一个非常大的收获了。
这段经历也告诉我一个道理:就算再简单的事,只要玩转它,把它做到极致,那么它就不再是一件简单的事了。
微前端
微前端是去年初组长给我下达的任务,主要是了解一下微前端这个方向。因为上半年我们要做两个管理后台的合并,希望微前端可大有所为。
但是,那个时候我正处于 焦虑和迷茫时期,完全没有灵感,根本不想思考,只想着拿钱干活。我觉得写代码以及学习新东西是需要灵感的。如果没有灵感我的功率只有 50%。
但是在公司哪有说等灵感来了再去做的事,所以那段时间也算是硬着头皮去学了。
[图片上传失败...(image-ade485-1641011531578)]
最初也只是做了一两个 Demo,希望可以落地一两个需求。
- 一个是在侧边栏做了分屏:上面加载 A 子应用,下面加载 B 子应用
- 另一个是侧边栏的 Nav 去管理多个子应用
[图片上传失败...(image-fc081a-1641011531578)]
但是由于自己对微前端学得还不够深入,导致出现很多 Bug。而且这两需求看起来更多像是 “自己想出来的需求”,用户根本不在意,所以整个落地还算比较失败的。
虽然落地不是很成功,但是这段时间我确实花了很多时间在研究微前端上,也给年底重构时打下非常好的基础。我主要看的是 single-spa 以及 qiankun 这两个框架。
[图片上传失败...(image-ac937b-1641011531578)]
学习微前端的整个过程是相当困难的,一方面是因为那时微前端才刚火,没啥实践,没实践就没有 Issue,没有 Issue 则永远停留在 Hello World 的阶段。
另一方面是没机会用微前端。小公司体量太小,一个 SPA 应用就够用了,又或者还没到用微前端公司就凉凉了。所以一般都是大公司在使用。但还是那个问题,很多小团队的项目周期太短了,支撑不了 5,6 年这么久,就算支撑很久了,很多设计都过时了,至少 UI 肯定过时了,要么就拿去重构或者重写了。
这就导致整个网络上对微前端的介绍、教程、文章都是非常肤浅的。国外的还好一点,主要就写个 Hello World。国内的文章就完全不行了,特别是某些人,直接机器翻译 single-spa 的文档都敢拿出来卖钱。
当然也有非常棒的文章,比如 qiankun 作者 kuitos 写的对微前端这个领域思考的文章:
[图片上传失败...(image-2523dc-1641011531578)]
再比如 掘金李永宁 对 single-spa 和 qiankun 的源码解读文章:
[图片上传失败...(image-292ef1-1641011531578)]
这些文章在我学习微前端的道路上帮助非常之大,前者了解整个生态,后者了解实现细节。
在看完后者的源码分析之后,我就 clone 了 single-spa 和 qiankun 的源码自己去研究了。最后也输出了这两个框架的一些观点吧:
- 【微前端】single-spa 到底是个什么鬼
- 【微前端】qiankun 到底是个什么鬼
当然我文章阅读量不那么高,不过确实是我学习整个微前端的一个总结以及思考。
虽然整个上半年都在学习和做 Demo 也没太多产出,但在下半年重构新项目时,这些学习、研究和总结真的给了我很大的帮助(之后会出一篇关于微前端&重构落地的文章,可以期待一下~)。
四星
去年上半年拿了个四星到是让我觉得有点意外,上半年的时候我就觉得状态一般般没太多想法,就一直输出文章,搞微前端,搞 Side Project,想着拿个普通三星已是够用。
[图片上传失败...(image-ad28db-1641011531578)]
依然拿了只能再接再厉了,哈哈。
自媒体
去年年中的时候,也正是那个《造轮子》系列最火的时候,我萌生了做自媒体的想法。
在学校里,一直以来都被人叫做“大佬”,当然我知道自己几斤几两,也不是什么大神。每次在解答了别人问题时候,看到他们那种释怀、放松、终于弄懂的表情的时候,我内心真的也会为他们高兴。
在看到一些培训机构坐拥那么多的粉丝,收着几万几万的学费,却教着文档都能搜出来的东西时,我觉得这是一种浪费。他们内心并不是真的想分享,他们只是在赚钱。
当然赚钱无可厚非,只不过我觉得我能把这些东西讲得更好,我也希望能给我的读者带来搜索之外的一些新内容。
之后我把我的知乎、掘金、、公众号都弄起来了:
- 知乎
- 掘金
- 公众号和掘金同名
当然,想法是好的,但是现实还是无情地打了脸,这是我遇到的一些困难:
- 某些领域确实能带来文档之外的东西,但是能写这样的文章太少了,无法成量。而且要想挖掘文档之外的内容会花费非常多的时间,同时也需要经验积累
- 写文章还是挺花时间的,无论是水文也好,干货文也好都需要很大精力去运营和维护。文章就像是产品,产品卖得好除了技术之外,还需要产品思维和市场运营
- 写简单的文章能服务大众,写深度文章能吸引单个大哥,而我去年一直走后者,确实认识了不少大哥,但是我的量一直没有走上来,也挺打击的
虽然进入自媒体前我对这些现象早有预期,但是真正面对它们的时候,我想说:累了,我想来把守望先锋缓缓。
[图片上传失败...(image-76335b-1641011531578)]
这也是为什么下半年一直处于比较佛系状态,想到啥写啥,东写点西写点,没怎么照顾市场,自然市场也不会买单。
自媒体这步算是去年的一个尝试吧,虽然有点失败,但是也一个不错的开端,认识了不少同行的人,今年要着重搞搞这一块。
新部门,重构!
去年 11 月的时候,我们开心鼠由于双减政策被喊停了,我也跟着组长去了 智能平台 新部门。目前也主要在做一些重构的工作。
虽然重构是比较累的一件事,但是终于是可以把上半年研究那么久的微前端给用上了。
微前端 + 重构 = 爽
之后也会出关于这次微前端的实践,尽请期待~
新年目标
好了,总结也写差不多了,来说说今年会做啥吧:
重点
把自媒体重新捡起来,知乎答题、文章创作、视频创作搞起来。今年会把创作内容定低一点,先走量。不过,一个月也得有一篇高质量的内容。
目标:知乎定个 2000 粉丝,掘金到 Lv4,公众号定个 1500 关注吧,目标先不定那么大,怕鸽了。也希望可以出一些视频教程,比如之前搞过的 Nest.js 、微前端和企业微信侧边栏。
产品方面要多了解现在做的智能平台,希望到时能自己也做一个类似的平台出来,作为自己的 Side Project。我觉得这里应该有很多值得分享的点,慢慢挖掘吧。
技术方面还是希望多了解 React、微前端和 Nest.js,因为我觉得技术还是要和产品贴边。在没有新需求、新项目情况下我觉得专注当下技术比学新技术要好。
书
书就先列两本吧。
- 《数学之美》
- 《重构 改善既有代码的设计》
游戏
新年之际买了个 PS5,以前出的很多游戏终于可以玩起来了(用电脑玩还是有点卡卡的),希望不要吃灰。
- 《英灵殿》
- 《看门狗》
- 《王牌空战》
- 《双人成行》
生活
- 听一场音乐会
- 看一次真人 Talk Show
- 看一次艺术展
- 听一场现场演唱会
- 重温欢乐谷
OK,今天就先聊到这,Peace~