阅读 2087

从小白到侃侃而谈的前端人|2021 年中总结

自我介绍

我是一个一年经验的小前端,有幸进入到这个行业,有幸遇见了这些帮助我的人,让我从一个彷徨的少年,成为了一个野心勃勃的前端人。这一年里,我从前半年的迷茫,到目标明确,学习了很多,也成长了很多。

时间总是过得很快,唯有积累和记录才不至于让人感到彷徨与不安。这半年来,我成长了不少,进步了不少,我对未来有了更大的期待。这半年以来我学习了大量知识,输出了50多篇文章,从一个切图仔进化成了搬运工,甚至有向着设计师的方向前行。接下来我就分享一下自己的学习内容及其路线,希望能够给他人一些启发,能够帮助到他人。

半年前

12月的时候,我来到新公司,我们前端技术团队学习氛围浓烈,老大是一个技术狂魔,沉迷深究各种前端技术,并且午间会在会议室给我们做技术分享,那时候我的还是一个切图仔,但是好在我愿意学,老大愿意教。于是跟随着老大的步伐,开始了前端修仙之旅。

刚进公司没多久,着手了一个拖拽自定义表单的项目,这个项目核心是JSON数据驱动视图,主要是要理解VDOM然后自己构建,自己控制渲染。在这个项目里,我学习了如何设计路由,如何封装一个好用的 storage跨源通信postMessage,和发布订阅者模式的实际应用等等。我印象最深的是第一次用Echart,后端的数据和该组件需求数据很不符合,得自己洗数据,对切图仔来说属实头疼,我洗了一天,头痛欲裂,后来同事过来10分钟就搞好了,当时被打击的要死,深刻的明白了,学习东西一定要经过实践,明明都是一样的道理,使用起来却是天差地别,在这期间还补充了很多基础知识,例如 Blob,ArrayBuffer,FileFileReader,《Map 和 Set》,等等这些非常关键的基础知识。这一轮学习之后,我初步脱离了小白的行列,能够胜任一些初级业务的开发。

总结1.png

2月份开始,老大开始给我们铺路,为了让我们能够真正理解 Vue响应式 源码,决定从Snabbdom这个优秀的开源项目开始,让我们理解 VDOM ,和 hook 机制的设计。这个项目我们学习了 h 函数是如何产生 VNode ,patch 方法是如何对比新旧节点,然后更新节点的,并且还学会了如何通过断点调试看一个开源项目,在我们雀跃不已中,老大趁热打铁给我们讲了 发布订阅者模式,看问题看本质的思想,于是又了这篇,《从设计模式理解Vue响应式》这也是我的第一篇破百赞的博客,这次学完以后一度膨胀,觉得自己特别牛,我特么竟然能学框架源码了,而且还学透了一部分,那种兴奋无与伦比。紧接着过年回来,老大开始了 Vue3源码解析的一系列讲坛,奈何太菜了,接受的有限,但是现在还是会抽时间慢慢补回来。

总结2.png 3月开始,老大说大文件下载上传是一个难点和必会的点,于是开始给我们讲 promise.all 和 promise.race,然后学习 async-pool 这个开源库,让我知道了如何做异步任务控制流,紧接着又给我们补充了一些 HTTP 相关的知识好做配合,于是有了这篇《如何做好大文件下载》,在这期间还手写了一个完整的 promise《Promise基础到手写(使用+构造)》。紧接着4月来了,这个月我跨出了一大步,但是过程曲折,我写了我人生的第一个插件类,让我们老大对我第一次有了恨铁不成钢的痛苦,具体怎么个痛苦就不描述了,直接谈谈成长吧,这次过后我学会了如何设计插件,学会了考虑插件的扩展性和设计的条理性。这个月我还学习了TS,等等一些项目中要使用的知识。

总结3.png

5月开始,开启了 HTTP专题,学习了 HTTP 的由来,基本运行机制,还有大厂的高频题,TCP的三次握手和四次挥手,还要 axios的拦截器,装饰器,如何做缓存设计,如何避免重复请求等等,现在的我已经是一个可以独立学习的前端人了。

这里放一张这段时间的主要项目的项目总结,其中大部分知识都是项目中学习使用的

知识总结1.png

接下来的学习计划:

6月-8月会继续强化HTTP和浏览器相关的知识。

8月到10月会学习VUE3源码,插件化架构,和一些优秀开源项目的思想。

10月到12月,回顾今年一整年学习的知识,进行一个合并,归纳,复习。

期间会持续学习一些基础的知识。和一些开发要用的知识,保持一个学习的状态。

总结:回顾这段时间,由衷的感谢老大,不仅教会了我很多知识,最主要的是教会了我如何学习,用苦良心的一步步牵引,也让我知道了学习知识不是一蹴而就,而是制定好计划,一步一个脚印,踏实的向前走,知识都是层层递进的,只有学的扎实,以后才会越学越快,越来越强,根据我的经历,总结了8字真言,计划先行,脚步踏实。希望能够给大家一些启发。

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

文章分类
前端
文章标签