Skip to content
On this page

你逛过凌晨4点的校园吗? -- 前端新人的漫漫长路

d31bfc0ebe8b9f17bd83397e5c5d1f0

大家好哇,我是小丞同学,在文章开头再简单的介绍下自己吧~

一名前端爱好者💖 大二 @GDUT🏘 Base: 广州

公众号已经断更很久很久了,最近真的太忙太忙了,没有什么时间打理这么多账号,抱歉!先定个小目标明年公众号至少更文 50 篇,呜呜...


时间一晃而过,弹指之间,2021 年已经接近尾声,过去的一年经历了很多,学习了很多,同样也成长了很多。

回顾 2021 发现自己还是干了很多事的,虽然没什么文笔,但还是想稍作总结!于是写下了人生第一次年终总结。

2021 年 “内卷”一词时长被人提起,认真学习被叫作卷、完成自己的目标被叫做卷、闲暇时做自己的东西被叫做卷、熬夜赶ddl也叫做卷 ...

这真的是卷吗?

我想这并不是,他们不过只是想追寻自己的梦想罢了,有自己的目标,有自己的时间规划,有自己坚持以往的方向...

今天我作为故事的主人公,来分享我一年的故事 📖

一、技术陪伴成长

1. 寒假

回顾整个 2021 ,对我来说,是不断学习的一年,从19岁到20岁,从大一到大二,从一名前端小白开始,一步一步,一点一点的学习,不断的操练,总结,到现在有了能够独立开发项目的能力。

在2021年初,大一军训期间,学习了 JavaScript 的基础语法,这也算是正式入门前端了吧,在寒假期间对 JavaScript 进行了一个巩固练习,自己实现了一个网易云轮播图,写了很久很久,在写轮播图的时候发现网上的博客内容不够详细,于是决定自己写一篇博客 JS 网易云轮播图 来帮助其他有相似需求的人,这也是我写博客的初心吧。"分享技术,帮助更多有需要的人"。同时也学习了 Ajax 来发送请求,Git 管理代码,在学习这些的时候,感觉自己的思想还没有跟上,学的一头雾水

image-20211212133357577

2. 大一下

到了大一下学期,平时没事的时候喜欢看看博客,看看 B 站,当然闲下来的时间特别少,每天早上 8点半上课,7点半就起床了,然后躺在床上刷刷 CSDN ,无意间发现了一些 CSS 特效,很好看,而且实现起来也很简单,于是给自己定了个小目标,坚持早起,每天早上实现一个小 Demo,并且发一篇博客讲解。于是坚持了一个星期,由于后面要实现的效果越来越复杂,就没有坚持下去。

在这个学期,又重新学习了一遍 JavaScript 这次看的是渡一的课程,相比于黑马的课程更加深入的学习了 JavaScript ,像闭包、原型链、this 指向这些都有了一个很好的理解,在学习了这些之后,就到了学校计算机学院工作室招新的时候,那时候的自己信心满满,总感觉自己能够惊艳到师兄师姐、但是参加了几个工作室的面试后,发现自己和师兄师姐们还是存在的很大的差距。每一轮面试都会被黑心的师兄面哭,记得比较清楚的几道题:flex: 1 、事件循环、同步异步,闭包理解等...。一共是参加了3个工作室的面试,最后也是成功的加入了研发中心大家庭,在工作室的考核期间,第一轮做了 2 个静态网页,第二轮做了一个掘金网站,我与掘金的故事就此开始了,在制作网站的时候,也在不断的体验掘金社区。

(只留下了一张,英语听力课时打码的照片)

9fd81e0a6eb1a13942d041fad9cc0bf

考核结束的时候已经是5月份了,经过了这么长时间的考核,自己的学习并没有松懈,在做完考核任务之后,就不断的去学习新的技术,像 webpacknode.js 这些,但是由于当时并没有脚手架搭建项目的概念,对 webpack 也没有很好的理解,只是单纯的安包配置。

在这个学期期间,我也在不断的输出我的技术博客,总结了在学习 JavaScript 期间的重难点,如闭包,原型链,节流防抖,客户端存储等等很多的内容

image-20211212141321539

在后来的一段时间里,我渐渐的喜欢上了输出技术博客,分享自己的学习成果,我开始不断的输出更多我认为很优质的内容,关于 flex 布局 ,grid 布局,canvas 烟花效果等等等,在这些内容的输出过程中我也从中学习到了很多,自己对这些内容更加了解了,更加全面了,渐渐的写博客成为了我的习惯。

3. 暑假

到了大一的暑假,罗列了很多的计划,看红宝书,学习 node,学习 react 等等,但是由于家里出了事,暑假 10 天之后的日子都是在医院里度过了,没有人能够体会到我那时的心情和焦虑,抱着电脑,红宝书,在病床边上学习,晚上睡在医院的过道里,睡前看着技术博客,为的只是自己的那一点小小的梦想罢了,这段时间对我来说,真的难以忘记,原本安排满满当当的学习计划被充斥的支离破碎。

0b58621487f310ec53585e0ead40336

在暑假开始的 10 天里,我开始 mongoDB 数据库的学习,能够对数据库进行增删改查,同时也在阅读红宝书。那段时间的学习状况非常好,每天早上 8点半 起床,买菜吃早餐,9点半 开始学习,早上看书,看视频课,晚上总结内容,输出博客。每天都是如此,自己也能明显的感觉到有在进步,有在成长。从医院回来后,已经距离开学不到半个月了,看着自己的暑假学习计划,每天都变得更加焦虑,没有人能够理解,没有人能够体会,自己也渐渐的不想去和别人交流,不想去和身边的人去分享这段时光。在接下来的半个月里,我重新规划了自己的学习安排,先是总结了自己在医院那段时间看过的红宝书的内容,然后又马不停蹄的开始了学习 React ,同时也在不断地总结 JavaSctipt 的内容。每天的乐趣只剩下了窗外的风景

0a0c22f6308fb4d2c13f36b8927bcc9

4. 大二上

到了这个学期,我成为了一名大二的前端仔,从此我的博客开头多了一句话

image-20211212151139403

开学之后,每天都待在宿舍里学习自己暑假没有学习的东西,每天都被前端知识所充斥着,既充实又满足,过了不久,工作室给我们分了工位,于是我正式开始了我的工作室之旅,从那天开始,每天除了上课,睡觉,剩下的时间都待在工作室了,第一个来开门,最后一个爬窗关门。在这段时间里,我不断的在学习新的内容,不断的总结。学习 React 期间,总结了接近20篇博客内容:React专栏,每天早上看视频,晚上就总结回顾学习到的内容 。

image-20211212152723510

在学习完 React 基础内容之后,马不停蹄的开始了项目实战,跟着老师写了一个 Jira 任务管理系统 ,这也算是我做的第一个 React 项目了,在项目完成之后,自己花了整整一个星期的时间,去重头整理了项目中的重难点,重新回顾了一下整个项目,遇到的问题,怎么解决,从中学到了哪些东西,并整理出了一个系列: 从零搭建一个任务管理系统

image-20211212152739665

在做完这个项目之后,开始学习数据结构,这个时候大概是 10月 中旬了,学了大概半个月,树,图,堆,这些,在学习完之后,自己重新总结了相关的内容,输出了属于我自己的数据结构专栏: 化解数据结构

image-20211212152632806

在这段时间里,我也在坚持着刷 LeetCode ,每天 2,3题,虽然现在已经停下来了,但是真的能感受到算法在前端代码中带来的魅力。

image-20211212154031014

在学习完这些之后我又回头看了看先前学习的 node 基础,到了最近一个月,参加了阿里前端练习生计划,认识了很多的大佬,同时也作为队长带领了团队完成了我们的结业项目,虽然没有什么成绩,但对于我来说,这是一次很不错的尝试,在那段时间,几乎每天晚上4点睡觉,早上9点起来上课,每天都在爆肝,当时思想却从不松懈,只想做出更好的产品

ded03f8898a18ab73a4c960a8a8e20f

在最近这段时间里,也在做工作室的预约叫号系统,同时参加了字节青训营广工站,再次作为队长,带领团队开始项目,目前还在进行中,但是项目大体已经基本完成,希望这次能够得到一个好的成绩~在最近也是参加了 React Conf 活动,也学习了解到了很多 react 相关的最新技术

85dc12f3173b152b9a6a6cd164941b6


我的学习路线分享:

image-20211212162014581

二、写作陪伴成长

在这一年里,一共输出了 135 篇技术博客,最开始是在 CSDN 上记录自己的学习,分享自己的学习内容,后来得到了越来越多人的关注,在这段时间里认识了很多很多优秀的人,我也从他们的身上学习到了很多的东西,我的博文质量也在不断的提高,自己也慢慢的对自己输出的内容有了更高的要求,在这一段时间里,输出的内容越来越体系化,自己学习到的东西也越来越多~

image-20211212170101740

再后来,被各个平台的运营邀请到其他平台去发布,其中也不乏掘金,刚开始,对掘金还不习惯掘金平台,很是吐槽,现在渐渐发现掘金真是倒出是金子,真的能再这里学到很多东西,简直是前端天堂,在发了一段时间后,爱上了掘金的编辑器,开始将掘金作为首发,也希望自己能够伴随着平台的成长,一步步做大做强~

image-20211212170147545

在这些日子里,不断的写作,不断地成长,我也在这当中学习到了很多很多

我的前端总结专栏:前端总结

这里总结很多前端的内容,V8 ,事件循环,继承,原型链等等等等,这些是我自己相对来说最满意的内容了

在未来我也将不断的输出更多更优质的内容

在写博客的一年里,也收获了许许多多的粉丝,也认识了许多相同方向的朋友,真的值得!

image-20211212171224469

很多人会问?你每天花这么多时间写博客是为了什么,有什么意义吗?

我想,这真的很有意义,我写博客的初心并不是为了得到更多人的关注而是我的文章被更多人看见,也想为自己学习路上留下点东西

还记得2020年 12月16号下午,在宿舍里,非常激动的发出了我的第一篇博文HTML 中的标签,当时内心既激动又害怕,担心自己的文章会不会被别人嫌弃,会不会有很多的错误,会不会误导别人,但是结果告诉我,并不会,因为根本就没人看😮

满怀着好奇,开始在自己那小小的知识库里寻找可以发的内容,于是看到了一个C语言推箱子的游戏,想起自己在实现这个游戏的时候查找各种资料时遇到的问题,于是我写下了第一篇讲解类的文章,只为在别人有需要的时候,看了我这篇文章就能解决它全部的问题。

到了后来做了轮播图,同样的作为新人,我也发布了一篇实现轮播图的教程,写法很简单,代码很粗糙,但很真实,在这篇文章里,做了各种的图片辅助讲解,这是我第一次这么认真的写文章。

渐渐的,我写的文章越来越多,看我文章的人也越来越多。

而我写文章也越来越熟练,文章的封面,文章的目录,文章的结构,自己也越来越满意

可能,对于读者来说,看一篇文章只是 5 到 10 分钟的事,但是对于创作者来说,这却是半天甚至是一天的劳动成果,真的非常敬佩每一个坚守的博主

对我自己来说,每写下一篇文章都是对自己的一次自我检验,检验着自己这个知识点是否已经挖的透彻,是否理解正确,如何用简单的话语来表达。

我喜欢在文章中采用第一人称来写作,这样能让我有种在和读者对话的感觉,在向我的读者们传授我对这个知识点的理解,向他们解释这里该如何去解答这个问题

而对于我而言,知识储备还不是很充足,还有很多不足的地方,自己每天都要花费大量的时间去学习,学习新的技术,留给我写作的时间也越来越少,最近临近考试月,更文的频率更是飘忽不定...但我还是会继续坚持,无比热爱,来日方长

这一年,累计发布的文章达到了 146 篇,文章字数达到 50w,感谢这一年有读者的陪伴

image-20211212171243700

上面的热力图是用 react 实现的,如果你也想生成一个的话,可以看我的开源项目:文章热力图 噢,如果有用的话,欢迎 star

三、你们陪伴成长

在开始写博客之前,自己都是一个人或者几个学校的朋友,一起学习。后来通过博客平台认识到了越来越多的朋友,同行。我们一起交流,一起学习,互相分享,这些是在学习路上非常难得的

非常感谢今年六月一起努力肝文的你们,路飞,海拥,杨勇,哪吒,明世隐等等很多很多

非常感谢某个来捞我的头条员工,非常感谢你的赏识,是你给了我继续学习的动力,即使我们只有10分钟的交谈,但是这让我觉得我离梦想又近了一步,非常感谢!

非常感谢 周一姐姐 的帮助,很高兴能够认识你,也很感谢你对我前端学习的指引,也很感谢你给我分享的学习资料,让我在迷茫的时候找到方向,希望已经很优秀的你,能够越来越优秀,成为一个很牛很牛的牛人~

最后最后最后非常感谢众多素未谋面的粉丝们的支持,有你们,我才有了继续写作的动力,也非常感谢平台的运营们,你们辛苦了,未来一年,请多多关注~

四、收获的奖品

在写作的这一年,收获了很多很多的奖品,每到月底都会收到很多莫名的快递,这种感觉真好,也非常感谢平台的支持和奖励

在搬空掘金的这一年,我一直努力着,但从不忘记自己的初心

文章激励活动只是为了鼓励更多人参与到写作当中,为平台贡献内容的博主们送上一些福利,我想在未来的日子里,一定要坚守自己的初心,不要一味的为了得到掘金的周边,而去降低自己的文章质量,不要忘了当初那个默默更文的自己。”分享技术,帮助更多有需要的人

今年第一次参加了年度作者的评选活动,抱着好奇的心态尝试了一天就慢慢放弃了,发现这个活动比的并不是你这一年写了多少文章,赚了多少钱,它比的是你圈了多少的粉丝,甚至比的是谁的社交能力更强,只要你敢于去拉票也许都能取得一个不错的名次,罢了罢了...有点偏离航道了

6a0a5054e1c0bd44b8217efdd272bc2

五、参加的活动

在这一年里,参加了很多很多的活动,也算是为自己增加了很多阅历吧

在这个学期参加了微信运营官计划,以及阿里巴巴前端练习生计划,以及字节青训营活动,以及掘金举办的各种大大小小的活动

在微信运营官计划中没有学习到什么东西,单纯的去微信逛了一圈,认识了一些朋友罢了

5948c0f81b050dab7a4794d507ea122

在阿里巴巴前端练习生计划中,学习到了很多东西,老师们都非常地有趣,在小组合作的项目中,小组的几个伙伴都十分的给力,我们最终完成的是一个收藏夹管理应用,采用的是一个拟物的 UI 风格,真的很不错,在小组合作的过程中,自己也学到了很多东西,学习了如何初始化项目,如何建立项目文档,如何约定代码规范,如何分工合作等等,都有了一个很大的提升,这对于第一次参加训练营的我来说,算是收获满满吧,在这一个星期里,凌晨4点的校园成为了我睡觉的闹钟,每天爆肝敲打码赶进度的感觉真的和充实,在项目提交的最后一个晚上,我们的项目部署出现了问题,和小伙伴一起熬到了4点多,才把项目成功的部署上线了,虽然第二天早上项目又挂了,但是真的努力过了,虽然结局很悲伤,非常感谢 Fiber Team 团队的每一个人~

aaab71a6c984e3b6702cca55c6ecba3

在正在参加的字节青训营中,由于针对的是学校内的,因此认识到了很多工作室的大佬们,但由于技术栈的不同,我们在项目进行上有很大的难度,再次作为队长,这次更加有经验了,能够独立初始化项目,配置代码规范文件,定期开技术分享会,让每个人都能从我们的项目中学习到更多的东西,而不仅仅是自己的负责的部分,因此我想在这次青训营中,我们团队的每一个人都能够学习到很多的东西~

现在是 2021 年 12 月 30 号,昨天刚刚完成项目的答辩工作,自己也是很满意我们的项目成果

在这次的项目开展中,我们遇到了各种各样的问题,技术栈不一致、代码规范不清晰、考试月等一系列影响我们项目进展的因素,最终我们都很好的克服了这些问题,非常感谢几位学 Vue 的大佬们,愿意去从零开始学习 React 最后和我们一同完成项目,也非常感谢师兄能够去完成后端部分的开发,相信这也是一次不错的体验,最后也要非常感谢另一位伙伴,完成的效果都令我十分满意。最后感谢自己这一个月的付出吧,全局 UI 把控、详情页、导航栏、疫情地图...等等等,对我来说是一次非常好的学习机会,也成长了很多,其实我也不是十分的有经验,这一是我第一次参与项目答辩,当时没敢说怕影响了士气。答辩前,一直在看项目的演示流程,项目 PPT,如何控制项目汇报时间...等等,这些对我来说都是很严峻的挑战!但,我们还是非常顺利的完成了答辩工作~

最后在这里感谢字节飞书团队的授课,以及各位导师的指导~best wishes!

展望2022

聊完了过去,现在要看看未来了

  • 希望在2022年不要挂科
  • 学习主流前端技术
  • 玩转 React 全家桶
  • 参与一个开源项目
  • 掘金等级达到 4 级
  • 博客粉丝突破 2.5 w
  • 认识更多优秀的人
  • 希望自己在这个浮躁的社会里能够保持初心,继续输出更多优质的内容吧~

最后也是最重要的一个:希望能在下学期找到一份实习工作,Base: 广州 wx: Ljc-10c,欢迎联系 😅

最后

最后,我叫小丞同学 🖐,非常感谢大家这一年的陪伴

愿你忠于自己,热爱生活

也希望 2022 的自己,发光发热,成为更好的自己 ❤

Released under the MIT License.