关于前端:总结今年我写了55篇文章面试了30个人学习了385个知识点

前言

就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，尽管我是个菜鸟，然而他们都叫我哥，还有，用最艰深的话讲最难的知识点 是我的座右铭，根底是进阶的前提 是我的初心，这是我写作时始终记在心里的。

其实是严格来说我是往年 6 月份才开始认真写作的，前天早晨我算了下，我往年写了 55 篇 文章，总共写了有 15W 字 左右。

接下来讲讲我这一年的故事吧

前端程序员

其实就在去年，我到了大四下半学期，我还不晓得我毕业后该做什么，然而“毕业后没工作就会饿死”的念想，迫使我必须选一个指标，学得一技之长，好养活本人，这个时候，“前端”走入了我的生存，我校招运气好，进了一个算是比拟大的公司，薪资也还行，还包吃住，然而仅仅四个月后，也就是差不多今年年初，我从这个 3000 人的大公司到职了，进了一家小公司，当然我也悔恨过，悔恨过后为啥不多加一会班，然而悔恨之后，是对于将来的布局，因为我晓得，悔恨是没用的。

我时常记得一句话：做人要乐观向上，不要总是因为过来的事而郁郁不乐，要往前看

技术

今年年初，我的技术其实只能算“前端中的菜鸟”，过后的我，每天像无头苍蝇一样，不晓得学什么，想要布局也总是静不下心来，然而同时，我也养成了写作的小习惯，可能过后是为了虚荣心而写文章吧，写的也不怎么样，也没啥人看。然而我心里是晓得的，这么上来的程序员生涯是没有前途的。

始终到了往年 6 月份，我还是一个掘金 LV2 的小菜鸟，偶尔被拉入一个掘金的作者群，外面的作者让我晓得了写作其实是十分有意义的，当然意义是十分多的，我就在内心想，我要从这些意义中抉择一个当做我保持写作的理由。于是我抉择了“通过写作来逼本人学习”。

写作

LV2 -> LV5

是的，往年的 6 月份，我的写作目标只是“通过写作来逼本人学习”。因为我感觉我的自律能力还很欠缺，须要通过一直地写作来逼本人学习新常识，或者总结旧常识。

我的写作也准从两个准则

• 1、从读者角度去写文章
• 2、尽量用通俗易懂的形式去解说

意义扭转

其实到了 10 月份，我的写作目标曾经有了肯定转变了，从之前的“逼本人学习”转变成了“帮忙粉丝涨工资”，是的，没错，我就是一个俗人，我的目标很简略，就是帮忙喜爱我的那群人，反对我的那群人，利用我的文章，帮忙他们涨工资。

30 次面试

我往年累计举办了差不多 10+ 次模仿面试，面试了 30+ 位同学，也帮忙了一些同学拿到了本人心仪的 offer，我很开心，我本人也从中学到了很多货色，包含查漏补缺，以及表达能力也有了肯定的提高。

然而通过这 30 个同学，我也发现了一些广泛的面试的毛病：

• 1、表达能力不够好，答复地断断续续的，其实表达能力很重要，我倡议是：平时能够对着墙练习表达能力，自问自答
• 2、根底不够扎实，其实我对于根底是挺看中的，毕竟 根底是进阶的前提，倡议大家要夯实一下 JS 根底
• 3、简历技能写的太模板，每一句都是“纯熟，相熟，理解”，我感觉应该改改，要体现出你是在工作中应用到这些技术，比方“在工作中能灵便应用 ES6 语法进行我的项目的开发”
• 4、面试时不要不可一世，不然就算你技术过关了，面试官也会压你薪资
• 5、简历我的项目亮点有余，大多同学在写我的项目时，只会写本人负责了什么，却没有写一些亮点，比方：打包优化，长列表优化，渲染优化等等

答疑解惑

对于各位同学问的问题，我在这里对立解答一下

1、在校生实习还是筹备春招

我想说，我感觉能够一边实习一边学习筹备春招的，因为实习其实也不忙的，还有钱拿，还能学习整体的我的项目开发流程，何乐而不为呢？而且实习是不忙的，你能够利用下班时间，一天学习 3 个小时，来筹备春招呀

2、转行的应该怎么学

转行的都是有肯定积蓄的了，我倡议是花两三个月在家苦学，如果想速成的话，我倡议最好的学习形式就是看视频教学，肯定要逼本人，不要三天打鱼两天晒网。如果切实到万不得已，感觉本人自律性切实是太差的话，能够思考报班去学

3、想学习，然而又没有方向

的确，我以前也是这样的，明天学那个，今天学那个，无头苍蝇一样。其实我感觉路线就是JavaScript 根底 -> JavaScript 进阶 -> 框架(Vue & React)，现阶段你不要去学无关后端的任何货色，全心全意把精力放在前端上

4、去自研还是外包

这个看你本人了，自研有自研的好，外包有外包的好，如果你想积攒教训，能够抉择去外包，因为个别外包的门槛都没那么高。等到你有了肯定的我的项目教训，再思考自研或者持续留在外包

5、应届生怎么筹备春招

其实在校生的话，能考你什么？你又没有上过班，那就只能考你理论知识，你要致力，因为这是你进大厂的最好的机会，我给你个工作吧

• 1、JavaScript 根底 50 个知识点
• 2、JavaScript 高级 50 个知识点
• 3、JavaScript 手写 56 个知识点
• 4、LeetCode 刷 250 道题
• 5、Webpack 学习根本的打包配置，优化
• 6、Vue 的 50 个知识点
• 7、多看一些 HTTP & 浏览器的知识点，争取看 50 个

6、怎么能力让简历更好

• 1、技能局部：要体现出你是在工作中应用的
• 2、我的项目局部：要写出你的一些我的项目的亮点
• 3、学历局部：学历好的能够写，学历不好的我倡议你先别写，先争取个面试机会
• 4、集体博客：这是个加分项，有的话肯定要写上去

• 5、集体性格特点：倡议别写，写了可能没人看，看了也可能给本人挖坑

  385 个知识点(分类)

  往年我写了 55 篇文章，我粗略算过了，差不多总共15W 字，我也算了一下，差不多包含了有385 个知识点！！也就是说往年，我均匀每天学习一个前端知识点！！这让我感到很不堪设想，这就是写作给我带来的自律晋升。这 385 个知识点次要散布在了 10 个畛域里，别离是：

• 1、JavaScript 根底的知识点
• 2、JavaScript 高级进阶的知识点
• 3、ES6+ 的知识点
• 4、HTTP & 浏览器的知识点
• 5、Vue 的知识点
• 6、我的项目优化的知识点
• 7、Webpack & Nodejs 的知识点
• 8、CSS 的知识点
• 9、LeetCode
• 10、Canvas 的知识点

常识体系

这是我从去年毕业以来，所建设的一套常识体系，我心愿能帮忙到喜爱我的敌人，我其实是很喜爱跟大家独特学习，共同进步的，我也喜爱跟上进好学的人交朋友，无论他们实力多强或者多弱。

JavaScript

• 林三心花了 3 小时实现了这 30 个 JS 原生办法，我看看谁比我短！！！
• 95% 的人都答复不上来的问题：函数的 length 是多少？
• 这可能是掘金讲「原型链」，讲的最好最通俗易懂的了，附练习题！
• 有了这 25 个正则表达式，代码效率进步 80%
• leader：深拷贝有这 5 个段位，你只是青铜段位？还想涨薪？()
• 工作中遇到的 50 个 JavaScript 的根底知识点，满分找我拿奖品！()
• 「万字总结」熬夜总结 50 个 JS 的高级知识点，全都会你就是神！！！()
• 史上最全！熬夜整顿 56 个 JavaScript 高级的手写知识点！！业余扫盲()
• 看似简略的题，席卷几十个前端群，王红元老师都亲自露面解答()
• 网易面试官：请你实现一下 JS 重载？可不是 TS 重载哦！()
• 「百毒不侵(一)」(a == 1 && a == 2 && a == 3) 有可能是 true 吗？()

ES6+

• ES6：连女朋友看了都喜爱的小常识 - 如何排序一个 Map 对象()
• ES6：连女朋友看了都喜爱的小常识 - 解构默认赋值，残余参数()
• 看了就会，手写 Promise 原理，最通俗易懂的版本！！！()
• 根底很好？总结了 38 个 ES6-ES12 的开发技巧，倒要看看你能拿几分？🐶()
• 7 张图，20 分钟就能搞定的 async/await 原理！为什么要拖那么久？()

• setTimeout+Promise+Async 输入程序？很简略呀！()

  Vue

• 「自我测验」熬夜总结 50 个 Vue 知识点，全都会你就是神！！！()
• 「Vue 源码学习」你真的晓得插槽 Slot 是怎么“插”的吗()
• 「Vue 源码学习」你想晓得 Vuex 的实现原理吗？
• 「Vue 源码学习(一)」你不晓得的 - 数据响应式原理
• 「Vue 源码学习(二)」你不晓得的 - 模板编译原理
• 懂了这十五个 Vue 冷门常识，再也不怕面试官刁难了
• 「Vue 源码学习(三)」你不晓得的 - 首次渲染原理
• 「Vue 源码学习(四)」立志写一篇人人都看的懂的 computed，watch 原理
• 「Vue 源码学习(五)」面试官喜爱问的——Vue 罕用办法源码解析
• 面试官最喜爱问的 13 种 Vue 修饰符
• 15 张图，20 分钟吃透 Diff 算法外围原理，我说的！！！
• 林三心画了 8 张图，最通俗易懂的 Vue3 响应式外围原理解析
• 7 张图，从零实现一个简易版 Vue-Router，太通俗易懂了！
• 「ElementUI 源码学习(一)」ElementUI 组件源码之——Layout

HTTP & 浏览器

• 「自我测验」输出 URL 产生了啥？心愿你顺便懂这 15 个知识点
• 赠你 13 张图，助你 20 分钟战胜了「V8 垃圾回收机制」！！！
• 哪是大神？只是用别人七夕约会工夫，整顿「JS 防止内存透露」罢了
• 良苦用心啊！我把 7 大跨域解决办法原理画成 10 张图，做成图解！
• 「百毒不侵(二)」戏说“浏览器渲染”

我的项目记录

• 想晓得一个 20k 级别前端在我的项目中是怎么应用 LocalStorage 的吗？
• 你说你会 Promise？那你解决一下我的项目中的这五个难题？
• 后端一次给你 10 万条数据，如何优雅展现，到底考查我什么?
• 「记录优化」我是如何在我的项目中实现大文件分片上传，暂停续传的
• 「百毒不侵(三)」联合“康熙选秀”，给大家讲讲“虚构列表”

Canvas

• 为了让她 10 分钟入门 canvas，我熬夜写了 3 个小我的项目和这篇文章
• 为了让你们进阶 Canvas，我花 7 小时写了 3 个乏味的小游戏！！！
• 太震撼了！我把七大 JS 排序算法做成了可视化！！！太好玩了！
• 中秋！还记得西游记里的嫦娥吗？我用 10000 张图片拼成了儿时女神！

程序人生

• 从 3000 人大公司跳到 30 人小公司的转变|2021 年中总结
• 一个月，从 LV2 到 LV4，这个毕业刚一年的菜鸟经验了啥？
• 「百毒不侵(六)」月薪从 3k 到 15k，一个普通人的学习路线

Webpack & Nodejs

• 繁难实现 express 中间件
• 腾讯面试官：兄弟，你说你会 Webpack，那说说他的原理？

CSS

• 「百毒不侵(七)」面试官最喜爱问的 6 种革除浮动和 BFC

Leetcode

• 「Leetcode 系列」连女朋友看了都喜爱的五道题之：001, 007，009, 014, 020
• 「Leetcode 系列」经典题目——盛最多水的容器
• 「Leetcode 系列」021,026
• 「Leetcode 系列」Leetcode——027，028

争议

其实我也蒙受了很多非议

1、争议一

因为我的频繁更文，很多人都说我是下班摸鱼写文章。但其实我解释过了，我下班是不喜爱写文章的，因为思路可能会被随时打断。所以我个别都是利用下班时间写作，有时会写到深夜。一开始我会解释，然而解释着解释着，我不想解释着，爱咋说就咋说吧！

2、争议二

也有些人，说我写的货色太根底，没啥含金量。我想说的是，我从没说过本人是大神，我始终自夸为前端菜鸟，我这个程度就只能写出程度对应的文章，也只能帮忙实力比我差的敌人，如果你程度比我高且不喜爱看我文章，那我请求您能够把我疏忽掉。。当我不存在。。不要看我的水文。。。

业余爱好

当然，学习前端和写作，并不是我生存的惟一，我除了这，还干了其余的事

历史爱好者

• 把《康熙王朝》看了五遍
• 把《雍正王朝》王朝看了五遍
• 看完了《乾隆王朝》
• 看完了《嘉庆王朝》
• 把《新三国》看了三遍
• 把《新水浒》看了三遍

• 看完了 安州牧的《风波南北朝》

  说唱爱好者

• 练习了杨和苏的《兔八哥》《吹又生》《加冕》
• 练习了黄旭艾福杰尼的《说散就散》
• 练习了 C -block 的《孤独症》

偶然静止

• 偶然会在瑜伽垫上装装样子😄😄
• 偶然会去跑跑步

往后打算

• 学习和写作必定是要持续的，我要写一些以前没写过的货色
• 逼本人常常去静止，不能吃的太胖了，不然又要被吐槽脸胖
• 多线下跟敌人们团聚聚餐，多交际，多交朋友
• 持续做一个凶恶，热心，上进，乐于助人的程序员

结语

往年快完结了，心愿大家身体健康，万事如意，肯定会乐观，上进，热心，成为一个杰出的前端工程师的！！！

我是林三心，一个热心的前端菜鸟程序员。如果你上进，喜爱前端，想学习前端，那咱们能够交朋友，一起摸鱼哈哈。