【春招&实习】前端学习の优质资料整理&心路历程
TIP
文章编写于 2020 年 09 月 05 日 —— 当初第一家实习的公司，整个面试下来的感受都在这里。
引言
写这篇博客原因
我就简单谈谈我为什么要整理这份学习资料吧，首先，春招遗憾没有上岸，可以说没抓住机遇，准备也不够好，但我努力的轨迹还在，运气或许没到，但我坚持下来的勇气一直都在！每一份坚持都是成功的积累，我还是相信自己，总会遇到惊喜，因为我觉得在成功成长之前，还有一个 “扎根” 的过程积累。
那么，以上废话少说，多做！6 月份，听了班里若峰 dalao 面试经验分享后，我发现了一位前端掘金 dalao——神三元，他整理的文章和他的经验分享简直太棒了~，然后又从他所关注点赞的文章，我又发现了更多优质的前端学习文章，也就是我这篇博客所要分享的内容了。以下部分内容引自 神三元大佬 的经验：
三元大佬经验分享
谁的人生不是这么误打误撞过来的呢？那你可能就会问了，你凭什么能够把基础学的那么扎实，通过这些大厂的面试呢？
我觉得有两点，一点是 外在 的因素，一点是 内在 的因素。
对外在的方面，我在输入一些信息的同时，会加入自己的思考和推敲，然后用自己的方式来输出，整理成博客，这使得我能够对知识体系本身有更加深刻的理解，同时也能在忘记这部分知识点之后，重新回顾的时候能够很快捡起来，节省了非常多复习的时间。 对内在的方面，我觉得自驱力是一个比较重要的因素，即自己驱动自己学习的能力。其实说起来容易，做起来是非常难的，因为外界的诱惑实在是太多，而且学习本身就是脱离舒适区的活动，是一种反人性的活动，本身就是让人不舒服的，因此很多人不愿意主动学习，这是完全可以理解的。那我为什么会有这种强烈的自驱力呢？ 因为危机感，危机感随之带来了恐惧。
为什么这么说？
以前听《得到》APP 上的梁宁老师讲过，人性其实只有两大痛点: 一个是愉悦，一个是恐惧。 愉悦感可以让人沉浸在一件事情当中干一万小时，成为高手，而恐惧带来的动力更加显著。 对产品来说，要么就让用户爆爽，要么就去帮助他抵御恐惧，否则就不是一个优秀的产品。那么对于个人的成长而言，你做一件事情，没有找到任何愉悦的感觉，也没有产生过任何恐惧，那么他基本上在这个领域一事无成。 换句话说，如果一件事情让你非常疯狂地去做，要么这件事让你爆爽，要么它帮助你抵御恐惧。
对我来讲，真正驱动我的是后者。危机意识让我挖掘出真正的痛点，发现自己的恐惧所在，从而带来强大的自驱力。如果说仅仅是学一些东西来炫耀一番，或者只是去迎合外界的期望，这种动力可以有，但仅仅只是暂时的。当你走出舒适区，面对外界无数诱惑的时候，真正能 carry 你继续学习的是你内心的痛点。
我觉得明白这一点，比所谓的学习路径、学习方法重要得多。因为大多数时候我们不是缺少学习资料，或者没有掌握什么高效的学习方法，只是因为你动力不足、容易懈怠罢了。每个人情况都各不相同，但我觉得想要成长，挖掘自己真正的痛点是最重要的一件事情。
心得与体会
看完他的经验分享，我直呼 （tql ！Orz），读完他的文章后，受到了鼓舞。我也赞同他的观点，驱动我的也是危机感，坚持自己的努力轨迹，走出舒适区，我想，我也会收到一次惊喜。
暂时就写到这了，还有很多资料也还在学习当中，后续进行补充...
关于前端体系知识点本人也还在学习当中，此文分享本人学习发现的优质博客和 github，如若有更优质的文章，可以在文末评论区留言，或者你可以推荐自己的优质博客都可~
正文
本篇博客只做推荐，多为本人学习过程中发现的优质博客，觉得不错，就进行了整理，方便后续自己回顾。但本文部分文字或多或少引用了 dalao 们的总结，感谢本文所有 dalao 们的优质博客！文章内容均属于原作者。如若链接少了作者名或着失效，可以在评论区联系博客，谢谢合作~
CSS 篇
神三元：剖析一些经典的 CSS 布局问题，为前端开发+面试保驾护航
大志前端：【前端帮帮忙】第 4 期 使用纯 CSS 制作一个开关按钮
JS 篇
追梦子：JavaScript 中 call,apply,bind 方法的总结
JavaScript 进阶问题列表（测测你有多了解 javascript）
金色小芝麻：想自学 JS 吗？想提升 JS 底层原理吗？76 张脑图带你彻底搞懂原生 JS
ES6-ES10 篇
陈大鱼头：从 ES6 到 ES10 的新特性万字大总结（不得不收藏）
虚拟 DOM（diff 算法）
txm：大厂面试官：请阐述一下你对虚拟 DOM 和 Dom-Diff 的理解？
noobakong：虚拟 DOM 和 Diff 算法 - 入门级
小小晴:【React】深入理解虚拟 dom 和 diff 算法
Node.js 篇
计算机网络篇
神三元：(建议精读）HTTP 灵魂之问，巩固你的 HTTP 知识体系
神三元：(建议收藏）TCP 协议灵魂之问，巩固你的网路底层基础
浏览器篇
神三元：(1.6w 字）浏览器灵魂之问，请问你能接得住几个？
数据结构与算法篇
awesome-coding-js：用 JS 玩转数据结构与算法
晨曦时梦见兮：前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合。
Vue 篇
金色小芝麻：30 张脑图带你从零开始学 VUE ｜ VUE 基础知识篇
shotCat：可能比文档还详细--VueRouter 完全指北
柚子 233：如何在一个页面使用多个 router-view 显示不同的内容
晨曦时梦见兮：请你说说 Vue 中 slot 和 slot-scope 的原理（2.6.11 深度解析）
晨曦时梦见兮：Vue 的生命周期之间到底做了什么事清？（源码详解，带你从头梳理组件化流程）
晨曦时梦见兮：为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
React 篇
wangly19：一天学习 React 入门后的千字基础总结
中间件
晨曦时梦见兮：Koa 的洋葱中间件，Redux 的中间件，Axios 的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。
源码篇（手撕原理）
小鹿动画学编程：阿里面试官让我手写 Vue 2.0 核心原理，我都整理好了！
Promise 篇
小明同学哟：一步步教你实现 Promise/A+ 规范 完整版
优秀公众号推文
前端面经大全
神三元：2020 三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文
LinDaiDai_霖呆呆：霖呆呆的近期面试 128 题汇总(含超详细答案) | 掘金技术征文
字节跳动 2020 面试算法题+场景题+智力题 100 题
题集：字节跳动 2020 面试算法题+场景题+智力题 100 题
前端优质博客/Github
心路历程 / 大佬经验分享
Bestbven：双非院校，成绩不好的他，怎么突然拿到大厂 offer 了？| 掘金技术征文
LienJack：艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文
LienJack：2019 学习学到失恋但是还要继续|2019 与我的技术之路
LienJack：一位前端 2018 绝地求生记 | 掘金年度征文
晨曦时梦见兮：写给女朋友的中级前端面试秘籍（含详细答案，15k 级别）
yck：看完跳槽少说涨 5 K，前端面试从准备到谈薪完全指南（近万字精华）
未来展望与实习经历
从春招到现在，陆陆续续也面了一些公司，我以时间线形式整理到了下面，整条路也是经历了挺多，零基础学习前端，从 2 月份准备到 6 月份，最终拿下恒生的 offer ，努力终究得到了回报。
关于未来展望的话，还是等实习之后再继续编写吧，到时候再来分享一下实习经历与心得
后续待补充...
鸣谢
本篇博客知识点与相关文字都参照了各位大佬的博客，由于大佬太多了，也不太方便一个一个感谢了，但在本文已经都注明了各位大佬的博客出处，在此表示感谢，感谢各位大佬的优质文章 ✿✿ ヽ(°▽°)ノ ✿，小伙伴们都可以去他们主页逛逛，总会有一些好的内容等待着你去发掘~
总结
以下部分引用三元大佬经验分享
面试阶段
从上面的面经中可以看到不同方向、不同级别的面试官各自的偏好不一样，因此对于不同的面试官，采取的策略也应有所不同。但我更想分享的是一些具有共性的地方，这些策略可以适用于绝大部分的面试场景，让自己获得更大的竞争优势。当然，所谓的面试策略，都是基于你前期充分的准备，不然都只是天方夜谭，毫无可行性。
策略一: 备好杀手锏
面试官一天可能要面 5-6 人，甚至十几人，那么你是否想过: 他凭什么对你印象更加深刻？
心理学有一个效应叫 峰终效应 ，就是人在一个有限的活动当中，对一件陌生事物的看法大致由两个时间点所决定: 一个是高潮点，一个是结尾的点。 对面试而言，我认为同样是适用，具体来讲，和面试官的交流，其实也就是和一个陌生人的交流，如何来给他留下更深刻的印象？需要在高潮点展现自己，在结尾点保护自己，在面试的过程中适当给面试官一些和别人不一样的回答和见解，使之感到惊艳，而在结尾的时候，你说的话其实更容易被面试官记住，这个时候由于面试已经接近尾声，你可能没有当时那么紧张，这个时候需要适当的谨慎一些，不要彻底放松，避免不小心说出一些对自己处境不利的话。
其实，我更想强调的是前者，即如何将面试带上一个高潮点，并且让面试官感到惊艳。其实这并不是什么简单的事情，毕竟能惊艳的只是少数，那么如果才能做到这一点呢？ 在面试前，不妨准备好自己的杀手锏。什么是杀手锏？就是每当面试官问到相关的问题的时候，你能够有自信比 90% 的人理解得更深刻，回答更出色。以我自己为例，我准备的杀手锏并不少，HTTPS 所有加密算法，chromium 进程 IPC 原理，斐波拉契第 n 数的 logn 解法，浏览器渲染过程，vue 编译器架构，vue 双向绑定，快排以及手写 V8 排序 ......
在其它基础知识都 OK 的前提下，这些杀手锏是你技术上的核心竞争力，这是你和其他人相比体现不可替代性的地方。当然，时间有限，不可能每个角度都能研究很深入，但如果你不准备，跟大家背一样的答案，很难从人群当中脱颖而出。
策略二: 适当暗示
面试的过程其实就是一个和面试官互相试探的过程，一方面是他对你提问，另一方面你需要给他一些信号，引导他去挖掘你的闪光点。
其实有两个时机可以发一些暗示的信号，一个是自我介绍的环节，这个环节中可以向面试官展示出你之前深入研究过哪一块的技术，指引他往那个方向问，另一个是技术细节的提问，可以在回答的时候适当发挥，大部分面试官是愿意听你展开的。
个人经验分享
说实在，大佬的经验已经足够我学习了，已经整理在了 心路历程 / 大佬经验分享 模块，想必阅读到此的你应该已经看了部分大佬的经验分享了。这里，我就说说我整个找实习的过程吧。
梦初
起初，我对于实习这块是完全不知道的，应该与大多数人一样的感觉，好像也没有人告诉我们什么时候要实习了，实习的重要性，到底要不要实习，貌似没有人解答我这个问题。也许是巧合又或者是机遇，我在寒假期间找到了 16 级志杰学长，他是我们学校 ACM 队 dalao，依旧还记得去年省赛他说手撕伸展树（虽然到现在我也不知道这是啥玩意，反正很强就是了！），我询问大三下我是否还要继续打 acm，因为我感觉我想要到达我想要的阶梯还是有很大差距。和学长交流了之后呢，他就简单问了我一句：开始找实习了吗？我一脸懵，我说我现在就要找了吗？这么快吗？我还啥都不会诶... 后面又与学长沟通了许久关于实习的话题。
此刻，就这么一句话，就是我整个找实习路程的开始。我确实是要开始准备了！
梦中
就是关于我的一些面试经历了：
确定了自己要走前端开发后，我从 2 月份就开始学习前端，道路也是坎坷，甚至也走了点弯路。在整理好自己感觉不错的简历后，我最开始就投了 深信服，我以为我这个 CSDN 博客专家称号能让我提分很多，可是现实却拍醒了我，我的简历直接被拒了。我也庆幸自己被拒了，因为当时特别紧张，紧张到睡不着觉的那种，晚上睡前都在想明天会不会突然来个电话要我面试怎么办，我还没有准备好...
深信服被拒了之后，我在 BOSS直聘 上收到了腾讯前端架构师的面试邀约，当时给我激动的，毫不夸张地说，我甚至还联想到了自己到腾讯入职的样子。也就是上述第一份面试经验了，我又被啪啪打脸了，原来我与大厂的差距挺大的，而且我特别紧张，一点也不自信。第一次就面腾讯，我真佩服我自己！
后续正式批到了，之前都是提前批，正式批收到了腾讯云的内推，于是我又去面了一次腾讯。结果也是可想而知，知识点还是不够深入，尽管我已经总结了很多知识点，但一到问我的时候，我没办法联想到相关知识点，或者说我不能举一反三，只能问我什么答什么，当然，大部分都答的很简单，可能不是面试官想要的答案。相关问题在面经里面都可以看到，这里我就不举例说明了。
5 月份，开学了，在学校里面，又有幸拿到了字节跳动的内推，于是我又开始了字节的面试，面完又是一面就结束了，整体下来体验不是很好，还是老问题，知识点还是不全面，就连基础题也会卡住。如果是要我找这些问题出在哪里，我能在我的整理博客里面找到，但真正到我说的时候，我就卡壳了... 这证明我的前端思维还是没打通，没有真正形成一个知识体系。字节也是与我无缘了...
6 月份，我鼓起勇气，开始投递恒生电子，四次宣讲会我都有参加。这个是了解一个公司比较好的方式，宣讲会有介绍他们的技术栈，主要业务。比如他们常说的：恒生，让金融变简单！ 也正是参加了这次宣讲会，我也有幸中奖了，抽到了 恒生雨伞，不得不说，还真是缘分！而且通过宣讲会了解到了恒生可以说是是一家以程序员起手的公司，公司 70% 左右都是程序员，更关注的一点是没有那种上下级关系，员工关系的话都挺好的。而且在杭州，不错的城市，公司周围的环境也还是不错的，说是后面走 10分钟 就会看到樱花跑道，还说甚至可以和武汉的樱花比一比！此时的我，已经被这公司给吸引住了，我想去！我想再次尝试一下！
而在面试恒生电子之前，有很长一段时间过渡，我又收到了深信服的笔试邀请，原来当初我的简历并没有被刷掉，而是疫情影响进行了推迟，都是等到了 5 月份才正式开通实习招聘。疫情还真是影响了挺多的，愿早日过去。
关于深信服的笔试与面试就是我面恒生前的一次热身，当初我也是这么想的，如果能去深信服我也愿意去，反正也在长沙，如果没有缘分的话，那就好好准备恒生电子。深信服的笔试实在做的太差了，这里可以去看一看那篇面经，后面编程题几乎交了白卷。我原本以为没有笔试邀请了，想不到后面还捞了我，给了我面试机会。关于这次面试的总结，已经在面经码上了，可以去瞧瞧，这里就不再赘述了。
梦醒
2020 年 6 月 29 日 收到恒生电子 offer
收到邮件时，当然是很开心的，准备了这么久，如愿收到回报，越努力越幸运！
我们的征途是星辰大海！ 在上文经验分享处，我说我佩服自己第一次就面腾讯，其实想说自己真的挺傻的，在没有准备好的情况下，直接去面自己想去的公司，相当于当了一次炮灰一样。而且大多数公司都是有面试记录的，太差了也会影响后续面试邀请，比如说字节跳动，自从一面凉了之后，之后所有的投递都投入 “人才库” 里。其次，整个面试过程给了我一些毒打，但又让我成长了许多。比如我们去面试，与面试官交流，并不是我们单方面的一问一答，而是 交流，你怎么通过交流体现出你简历上面的能力，比如你的自学能力，你的表达沟通能力，你的领导能力等等。
另外，面试也是一次双向选择的过程，面试官让你通过面试，也是觉得你可以做它的同事，因为公司拉人，多数也是部门招人，招你过去很有可能就是他的同事了，后续一些工作安排，业务等等都会打交道的。当然面试官要进行筛选，选最合适的那一批人。
其次，面试官都是挺好的，可能个别会感觉有点高冷，甚至感觉与你不搭，这也是正常的。面试过程应该是一个轻松的过程，而不是那种一遇到问题就紧张说不出话的那种，尽管有些面试官会为难你，来个难题，也是为了考察你在高压的情况下你会如何判断处理。此时，对于你完全不会的地方，例如你可以这样回答：面试官，关于这一点的话，我本科阶段没有进行了解过，但与这个相关的另外一个知识点我知道，然后 xxx，又或者说是关于这一点的话，你可以给我一点提示吗？又或者说是这一点我在本科阶段没有怎么了解过，但是我可以尝试解答一下，然后 xxx。通过上述三种回答都比直接说不会要好很多！
经历几个月的历练，我也打通了前端思维了，好像面试就是那么回事，面着面着自信就来了，我甚至也可以和面试官吹吹牛，直接和他扯上 20-30 分钟知识点。
每一次面试都是好的经验，通过写博客总结的形式也是一个输入和输出的过程。这样也可以让自己知识点记得更加牢固一点，这里不得不说两年写博客经历还真是让我收获许多，我想恒生这次也是多亏了这个加分吧。其次， 心态和自信方面挺重要的，尽管自己走的很慢，但是不会停下自己的脚步。 关于本篇博客知识点，我想应对实习也差不多了。关键是学习前端思维，明白自己要学什么，该怎么学，如何学。那么对于一份好的工作到来，也只是时间问题了。
学如逆水行舟，不进则退！2020 年 6 月 29 日晚，找实习的心路历程总结完毕，实习过后，再来一次实习经历总结吧。
Contributors
Choi Yang