前言
时光飞逝，岁月如梭，转眼来到 2021 年底，这一年少了些理性，多了点感性，少了些自由，多了一份责任，这一年视乎没做什么事情，但又过得非常充实，最欣慰的是回家有个人等待着我的拥抱，最快乐的是耳边多了几声喃喃 ——— “爸爸”。
“我自己是一名从事了6年web前端开发的老程序员，今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“web”即可领取
image
简单介绍一下自己
我是一名 90 后，12 年毕业，工作 9 年，发过传单，做过运营，也把自己当成产品经理。目前是一名小厂前端工程师，日常负责公司 2B 产品开发迭代交付，还有一些公司内部组件、脚手架维护等。这一年很少加班，调休全靠年假了 😊 。
我的2021
完成的
除了完成开发工作之外，还完成了:
image.png
-
在掘金发布?12[2]?篇文章
-
【全栈】第三次重构我的个人博客[3]
-
【全栈】模仿在线流程图?<processon.com>，目前已经下线，掘金实现文章[4]
-
【全栈】实现一个简易版 react 低代码平台?low-code.runjs.cool/，[5]?目前只实现了视图层，后面的逻辑有些复杂，没有继续下去。
-
在?dev.to/[6]?发布 1 篇?英文文章[7]?其实就是中文翻译的。
-
发布 2 个 npm 包，
-
一个?create-webpack5[8]?webpack5 脚手架，拥有一个从零开始创建的 react、vue、svelte 项目
-
一个 postcss 插件?postcss-multiple-themes[9]?，拥于老项目的多皮肤 css 生成。
-
-
收到了一次老外给我提的 PR，也就是?postcss-multiple-themes[10]?这个插件；
image.png
-
公司内部完成 3 次前端分享
-
一次 redux 分享，主要针对一些刚刚入职的新人
-
一次 webpack5?模块联邦[11]的分享。由于历史原因，没有付诸实践。
-
一次 VS CODE 插件开发的分享，相关内容也发布在掘金了。
-
-
一个简单微信 webapp 外包项目，之前同事介绍，收入 3000 元，推荐费红包 400 元。
-
学习了的新技术
-
docker[12]?docker-compose 粗略学习，学以致用
-
数据库?postgres[13]， 粗略学习，学以致用
未完成的
? 没完整的看完一本书
image.png
这几本书放在衣柜了，偶尔翻看一下，真的是没时间细看，有些原理还是要恶补下。
收藏的电子书
image.png
《深入 React 技术栈》
这本是前 2 年看的纸质书，在 React 出 hooks 之前，这本书 react 全家桶讲的很全面。
image.png
《格林童话》
本来打算给儿子当睡前故事的，可谁想儿子都要陪他玩到晚上10点左右。明年希望他乖一点，养成一个好习惯，每天讲完一个故事就睡觉。
《小狗钱钱》
讲述的故事很简单，就是一只名叫钱钱，会说话的狗，它教会一个12岁的小女孩学会了与钱打交道的方法。
引用作者的一句话
需要教育孩子们具有小心谨慎和不屈不挠的品质，并有意识地在这些方面培养他们。因此，在遇到需要解决的问题时，不要直接把答案摊在他们面前，而是应该给他们机会，让他们自己去寻找解决办法。
另外2本忘了是 B站哪位 UP 主推荐的书，看完推荐后就很想看，可一过了一个想看的时间点，就放在收藏夹里吃灰了 😅
关于学习
前端框架层出不穷，2021 年，云栖大会上，阿里巴巴重磅发布前端知识图谱?f2e.tech/[14]， 那么有了图谱，我们应该怎样学习呢？以下是我的学习方式排列
-
最快的方式还是直接写官网直接写 demo，类似写个 Todo List 等
-
根据视频学习，如今视频教程满天飞，B站搜索一大堆。看视频也是离实战最近的方式，相当于别人是视角学习，学习效率也挺高的。
-
最后看书查漏补缺，进行全方位巩固知识。
关于面试
我是如何面试的？
由于我们是小厂，也没那么“卷”，要根据公司实际情况出发，来挑选候选人，有些简历可能是花钱从 BOSS 直聘上搜索得到的。所以就没了笔试，直接是2轮技术面试和一轮HR面试，我时常负责技术一面。
挑选简历
-
半路转岗的直接淘汰
-
简历中有拼写错误，叙述重复，内容华而不实就淘汰了。
-
包含 react hooks、前端工程化、微前端，可视化等，等这些内容就是我们要找的人。
面试的内容
首先我会跟面试者的简历先想好面试的问题：
-
首先是 ES6 相关问题。这一点是无论什么技术栈都得掌握的。主要是 promise proxy 等，如果能说?Promise.allSettled[15]?大概就可以了。
-
如果简历中包含移动端，就会问 “自适应方案”，“高清方案”等类似问题。
-
如果简历中包含 react， 就问 react 性能优化、 react 全家桶等
-
如果包含 webpack，就问下 loader 和 plugin 区别和实现方式等
-
再问下正则表达式、了解下 git 掌握熟练度等
总体时间不会超过30分钟。
等级评定
面试完成后需要写一个等级评估表，等级划分为“初级”，“中级”，“高级”三个等级，每个等级在分 4 个层次，E1 - E4。我们公司主要招的是 中级和高级 这2个层次的人员。在结合自身能力和等级做一个等级评估，主要概括为：
-
需要人带 —— 初级
-
独立开发 —— 中级
-
带人开发 —— 高级
如果是高级以上——“资深”， 那就不是我的能力范围内了。
如何面试比你资深的人？
image.png
当然我也是有被面试的，尤其是有了娃之后，2021 “内卷“如此严重的这一年。所以我总结了10 个问题，可能会被问到：
-
离职/跳槽的原因？
-
与上级意见不一致怎么办？
-
你最大的缺点是什么？（不要说不工作不相关的缺点，但又不影响专业度）
-
最大优点是什么？（人无我有，人有我优）
-
被揭短被嘲讽（类似于觉得你说的经历不够出彩）
-
为什么选择我们公司？
-
未来的职业规划是什么（最微妙的问题，画大饼）？
-
谈薪资，要不要透露上家薪资？
-
还面试啦其他公司吗？还有其他offer吗？
-
反问面试官的问题。
当然除了这些问题，我也认识到了自己缺陷：
-
前端如何开启GPU加速？
-
前端工程师也要理解产品，有些公司会把前端工程师当产品经理来面。
-
语言表达能力 （如果有较强的表达能力，说不定可以提高一个等级）
-
手写题（如果你公司有足够的优势，可以直接去 leetcode 找题目 ，让人手写，就算面试者比你年纪大又如何？）
关于生活
除了工作学习当然也要好好的生活啦。21 年收到了老婆的 1 份生日礼物 Apple watch，虽然有了娃，也要记得礼尚往来。我也淘汰之前 6 年的 Macbook，换了台新的14寸。
image.png
2022年未来展望
-
[ ] ?持续技术写作，争取掘金等级达到V4；
-
[ ] ?参与开源项目，或者开源自己的项目 star 超过100；
-
[ ] ?持续学习数据可视化和 three.js 相关内容，能够实现一些 3D 项目；
-
[ ] ?学习视频剪辑，可以把自己学到知识剪辑成视频；
-
[ ] ?关爱家人，每月至少一次带儿子参加户外活动；
总结
2021 年虽然是平平无奇，9 年前端也还是一名普通前端，既没换车，也没入二套，但个人心性上还是有收获的，至少从事思考问题的角度上，我觉得跟以前不一样了，至少要从作为一名父亲的角度思考问题。我也把我的个性签名改成了：
你不一定要很厲害，才能開始；但你要開始，才能很厲害
就让2021作为开始这一年，“不积跬步，无以至千里；不积小流，无以成江海。”
各位，一起共勉加油💪🏻
希望这篇文章对大家有所帮助，也可以参考我往期的文章或者在评论区交流你的想法和心得，欢迎一起探索前端。