人生如戏,转眼已是三年 | 2022年中总结

2,936 阅读15分钟

「时光不负,创作不停,本文正在参加2022年中总结征文大赛

大家好,我叫小杜杜,是一名最普通的React前端,借着这个活动将讲我入行的经历、想法,没有小厂跳大厂的经历,也没有逆袭的励志故事,更没有富有的家庭,只有一个普通到不能再普通的经历

时至今日,工作有三年之余,这三年犹如梦一样,转瞬即逝,真期待再过三年自己在做什么,又要过多少个三年才能实现财务自由,或许回过头来看,还像昨天发生过的一样~

简单的开始

俗话说得好,男怕入错行,女怕嫁错郎,所以我当时就选择娶个富婆,从此走向人生巅峰😎

好吧,还是别做梦了,在前端与后端之间,我果断的选择了前端,原因十分简单,前端有个很大的特性,那就是所见即所得,每一行代码都有自己的作用,可以作出各种各样的特效,有谁不喜欢呢?

所以,我选择了前端(有的时候理由就是这么简单)~

正式工作

我的第一份正式工作是在2019年,是一家做电子政务的公司,俗话说的好:工欲善其事,必先利其器,所以我在十一月份买了第一台Mac Pro,耗资一万七,现在想想🤔,这可能是我目前为止,下过最大的血本。(之后好几个月只能靠吃🍜,勉强度日😭😭😭)

我当时入职的地点是在西安,那时怀着梦想去工作,然而被社会毒打的不成人形

由于这家公司是给政府做软件的,主要负责的是前端模块,所以当时加上我也就六七个人左右,至于前端也就只有我一个(大部队在南京),说句实话,当时处于的状态,因为当时面试的时候这家有七百余人,万万没想到在西安只有这点人,心中一万只羊驼奔腾而过~

既来之则安之,抱着试一试的态度留了下来,打算走一步看一步~

说说当时的技术,在开始去这家公司之前,我学的JS偏多,主要是根据视频网站上进行学习(手敲一遍老师讲的案例,这种方式虽然慢但效果还算不错~),至于ReactVue也只能说是懂得一点皮毛,刚开是接触React的时候却是难以上手,几个简单的生命周期都能耍的团团转,接触Vue的时候,感觉还可以,上手程度确实低于React,面试的时候说用的Vue,当时没有比较明确的概念,是选择React还是Vue,所以就弄Vue

我这个人可能比较悲观,在进入这家公司的时候就在想,如果技术太菜该怎么办?团队的要求达不到该怎么办?....会出现一定的焦虑

然而在真正进入后才发现,这家公司用的真正技术是JQ,简单的说就是单纯的html,引入了JQ的包,代码放到了svn,发到线上竟然手动打包给运维...🤔🤔🤔

这就是真实的情况,连我一个刚毕业的小菜鸟都不敢相信一个七百余人的公司用这套流程(2019年),这就是当时的情况,到2020年下半年的时候,公司才在推Vue的框架使用~

听到我上面说的,各位小伙伴是不是觉得多多少少有点荒唐,然而这就是真实情况

代码能用就行

同时这家公司让我明白了一个道理,那就是:代码能运行就行,能跑起来就ok的理念,这家公司是做APP的,混合开发的那种,每个应用都是独立的包,所以整体来说并不是很难,所以当时我自己搭建一套移动端的Vue框架,不说有多好吧,反正能用,而且自己搭的也顺手些,有点成就感😊

为什么说代码能用就行呢,原因主要列举以以下几点:

  • 一切皆缓存:只要遇到两个不同的文件,就用localstoragesessionstorage去解决,没有状态库,没有父传子、子传父,导致的结果就是你会在代码中看到大量的存放取值的情况(这种情况最可怕)
  • 无组件化思想:当碰到复杂的页面时,没有分割,直接就往里面堆,导致一个页面的代码非常的多,不过这样写代码的人有个好处,就是无可替代
  • 无思想的ctrl + c、v:ctrl + c、 v大家都懂,那什么叫无思想呢,比如一个函数返回的参数不同,不更改函数内部的方法,直接把函数复制一份然后修改返回的值,这就造成大量的代码重复,我曾经见过一个方法内写了1700多行的代码,仔细一看跟其他函数内的代码好像相同,想想都觉得可怕
  • 命名不规范:关于命名的事情,我们常常不知道起什么名字好,我一般也是通过百度翻译去解决,但我见过一个很奇葩的事情,就是命名class的时候用A-Z去命名,好家伙,满篇的A、B、C、D...,这时候你可能会问,如果26个字母用完怎么办?别急,直接用A-1A-2...这个可能是我见过最奇葩的命名 ...

还有其他琐碎的事情,就不一一列举了~(这里并不是贬低公司,是我入行到现在亲眼所见的事实,还望勿喷~),有感兴趣的小伙伴可以在评论区讨论下,在项目中所遇到的奇葩事

契机

在2020年的下半年,我忽然发现我更加喜欢React,这并不是说Vue不好,只是个人的习惯问题,上面说过,我认为我的JS基础还是不错的,ReactVue相比,Vue的语法更加抽象,而ReactJSX更加接近原生,加之React要相对自由,这可能就是我想用React的主要原因(兴趣是最好的老师~)

来到2020年的10月份,来了这样一个机会,就是需要我重构一个小程序,恰好我想使用Taro去重构,又恰好凭借着代码能用就行的理念,同意我用React去写,所以这次的项目理所应当的成了我第一个React的项目(Taro是一门多端语言,其写法和正常书写React的方式非常相似,只是标签要用官方的,并且额外增加了小程序的生命周期,其余跟写React没啥区别)

当然这个项目对于我来说并不算太容易,因为要对接很多东西,封装很多,包扩登录、人脸、站点、搜索等等,同时团队的小伙伴,没人会用React,也就是说用React的风险非常大,在此期间遇到了很多很多的问题,但当你全部解决后,内心其实是很喜悦的(也就是成就感),同时也很感谢,能有这么一个机会~

React心得

一开始在西安,然后去了郑州出差,到2020年6月来到了南京,之后也去郑州出过一段时间的差,导致我很厌烦出差,加之对React感兴趣,于是在2021年,便找了一家以React技术栈为主的自研公司,同时也想看看自己的React水平和使用React公司的差距有多大~

在2021年真的提升比较大,可以说是质的飞跃,接触了Ant Design Pro v4(当时v5还未发布),真心觉得蚂蚁厉害👍,在2021年中,学会了hooksTSdvaG2...

之后Ant Design Pro V5发布,仔细研究了这个框架,并做了一套符合项目的封装,(主要是组件,配置等~),然后ant design mobile v5的发布(直接从v2升级到了v5~)又把整个移动端的框架修改了一遍,虽然有疫情,但也算过的安逸,也算过的有趣~

当我做完这些之后,我深知自己的技术水平并不算有多强,因为此时的我只是停留在会用的阶段,跟真正的大佬有着不小的差距,所以在2022年定的目标就是了解源码等~

怎样去学习?

我是一个性格比较内向,且不太聪明的人,所以用比较笨的方式来提升自己,前期是通过看视频,老师演示的案例,我都会照着敲一遍,并把注意点做成笔记,尝试自己配置,记录一些报错问题等...

至于看谁的视频,我觉得教的最好的就是大圣羊村长大帅bubucuo...

现在的话主要就是看文章(看书比较少),看代码,如果是React的话可以看看我不是外星人,这是真正的大神级人物,写的文章是真的好

困惑点

其实有的时候有点迷茫,疑惑的点在于,工作上可能并不会去真正的用到,搞花里胡哨的东西可能对真正的工作并没多大的作用,觉得搞一些有趣的东西可有可无,安于现状是否更加适合?

举个简单的例子,以React来说,一个好的组件,都必须要进行性能优化,也就是useMemouseCallback等Api进行优化,但在实际的项目中,会每个组件都进行优化吗?写这种优化的成本显然要比正常写的成本要大,其次对于非复杂页面来说,性能能提高多少?感觉对用户而言,感知并不是大,那么还有必要做吗?

目前的我可能理解不了,可能在过个几年才会明白吧~

掘金与我

为什么写?

其实我写文章的理由也很简单,写文章可以让我对一个知识点进行全面的总结,同时得到一些认可我的人,让我觉得我做这些事是有意义的,就很知足了,至于流量什么的都是后话了~

至于为什么选择掘金,原因是掘金的流量确确实实可以(主要原因是可以在写文章的同时进行薅羊毛),对我个人来说,既能全面总结知识,又能薅到一些羊毛,岂不舒服~

于是在今年一月份开启了第一次的创作,看一下第一篇文章

image.png

🤔🤔🤔,阅读量还算可以吧,当时也没太过在意,就发了出去~

小小的成就

掘金的活动可以说是促进了写作,期间让我收获了很多,在这里郑重的感谢掘金,参加新人创作, 这是我薅到的第一批礼物:

158cf010ea61a00718f6ded277640dbb.jpg

当时还有人说我是不是去字节了(我倒是想,但我不配~),我只能失望的告诉他这是掘金的礼物,然后我就跳到了现在的公司:SHEIN(在南京找一家自研的React真难~)

说句实话,现在的工作压力确实是之前不能比的,但还算有趣,如果各位有兴趣,可以找我内推~

之后参加了创作者训练营,写了第一篇比较满意的文章:🔥花一个小时,迅速了解ES6~ES12的全部特性

上次还在B站看到了我的文章,还是比较高兴的,毕竟我总结的可是很全的

3ddf6b508ad5a6053d7230fbe0919ff1.jpg

同时也的得到了一个幸运币,听说已经绝版了,哈哈~

4edbac7c37ea3815d39c19739753d791.jpg

过了几天,意外的看到了这个奖项,没想到还能有次第一(免费薅羊毛的福利~)

企业微信截图_8613cd36-c97f-4fe7-bded-839b9a861a1c.png

再之后就是4月的日更活动,,说是由于跳到了SHEIN,确实变得非常忙,以至于在四月中写文章都会写到11点多~

其中最满意的就是:一篇让你完全够用TS的指南,这篇文章可以说是覆盖了全部的TS语法

其次就是搞了一个女朋友都喜欢的CSS特效的专栏

企业微信截图_249093c0-35d4-43e3-a97a-16d667cef88d.png

当然专栏的内容跟女朋友没有什么关系,主要是说一些有关CSS制作的特效(我只是认为女朋友都会喜欢这种特效~),素材的来源是国服第一切图仔chokcoco的博客CSS Inspiration -- CSS灵感

要想学习CSS就要找这位大佬,我知道有些人可能会说我抄袭,在这里简单说下,我只是单纯觉得效果非常不错,按照自己的理解去弄,所展示的代码,特效,也是我写的,觉得自己能够理解就好了,至于其他的也无所谓~~

然后就总结了一些八股文的文章,简单来说就是杂七杂八的文章,不得不说做一前端,简直太杂了~

不过里面的文章质量,再我看来还是可以的,比如说:10分钟,打造一个专属于你的cli通过开水果店,帮你全面了解package.json文件的作用🔥这些git技巧,你都会了吗?...

都是一些在工作中比较实用的文章,不说能多么多么了解,但至少你应该明白,知道这些,以免别人谈论的时候跟个白痴一样~(来自多年毒打的我真心的感受)

但让我没有想到其中的这篇文章火了起来,作为一名前端,该如何理解Nginx?

说句心里话,我觉得这篇文章并没有写什么,只是简单的说一下我对Nginx的理解,不过能火,也是很高兴。

在更文挑战中又个创作先锋奖,很荣幸的是有两篇文章入选,就是作为一名前端,该如何理解Nginx?一篇让你完全够用TS的指南,可惜的是礼物不能发两份~

当看到这么多的礼物到账,确实有点成就感~

892a2227ecaeb4788ecceae6345f4490.jpg

不足

1.在这里我深感到抱歉,我理解的掘金应该是一个技术的平台,官方以活动促进我们发文,促进我们学习,所以文章的质量应该是要高一点,而不是水文,不应该是以奖励而发文的平台,而我为了榨汁机,更了很多水文,这样做确实不好。。。

由于最近的工作变得更加忙碌,所以最近写的文章确实很慢,我也深感疲惫,争取以后的文章都能让我自己满意

2.在发布的文章中,错别字确实比较多,给各位阅读带来了不好的影响,我想把这个归咎于万恶的输入法(文盲属性请见谅~)

image.png

image.png

是的,写文章,这种错别字确实带来了不好的观感体验,在之后的文章里尽量减少错别字的出现

新的专栏

一直在说自己是一个React小前端,但文章中并没有比较好的React文章,所以之后会全面总结有关React的文章,可以说是对React的深入,对React的重学,又对React感兴趣的可以一起交流学习。

在这里可以看看我不是外星人大佬的文章,论React哪家强,就找外星人,论文章质量,这位大佬绝对是第一

目前已有两篇文章搞懂这12个Hooks,保证让你玩转React作为一名React,我是这样理解HOC的

我个人认为是目前来说质量最高的两篇,一篇详细的讲解了自定义Hooks(包括useMemo等的优化),另一篇详细讲解了高阶组件的使用,还希望各位小伙伴多多支持~

后半年的规划

  • 写有关React的硬文:这个是最重要最重要的,一定要在今年吃透React,来年才能更好的玩耍~
  • 至少写2篇有趣的文章:类似于女朋友都喜欢的CSS特效专栏的文章,不过效果会更加复杂,效果也会更有趣,已经有一篇在脑海中构建,等写好后,专栏就改为女朋友都喜欢的花里胡哨,还希望多多支持
  • 弄一个自己的公众号:年初的计划是等到掘金的登记到达v4后(因为v4可以自带流量),就建一个自己的公众号,现在离v4还差个一百多,但由于最近比较忙,所以这个公众号会在八月前弄好,到时候一起搞搞前端,搞搞花里胡哨的东西~
  • 从此以后不写水文,拒绝水文,不为了奖励而写文章,以高质量文章为目标(奖励好的话,这条可以不算~~)
  • 少写错别字,影响观文体验(这条基本办不到,不要对一个文盲有所期待~),欢迎指正😄
  • 之后的几年里,能有机会加入到开源的项目,做点真正有趣的事,希望有天能达到这样的水准~
  • 多接外快,早点实现财务自由,以现在的强度估计也没戏~

最后

可以说自己就是一名最普通的程序员,但我始终相信, 越努力越幸运,毕竟没有几百万的家产也没有富婆的包养,所以只剩努力了,时光不负,总有一天会实现财务自由,一起努力吧~

五湖四海做兄弟,如果觉得文章还算不错,欢迎在评论区谈谈家常,顺便点个赞支持一下,听说点赞的都是帅哥萌妹~

在这三年的时光,让我学到了很多,也明白了很多,我拥有一个简单的理由,一件简单的事,一个完美的梦想:娶个富婆,走向人生巅峰(要相信光😂)~