Photo from unsplash: romain-vignes-ywqa9IZB-dU-unsplash_cisjbq

【春招&实习】前端学习の优质资料整理&心路历程

Written on September 05, 2020 by Choi Yang.

Last updated September 18, 2022.

See changes
34 min read
views

引言

写这篇博客原因

我就简单谈谈我为什么要整理这份学习资料吧,首先,春招遗憾没有上岸,可以说没抓住机遇,准备也不够好,但我努力的轨迹还在,运气或许没到,但我坚持下来的勇气一直都在!每一份坚持都是成功的积累,我还是相信自己,总会遇到惊喜,因为我觉得在成功成长之前,还有一个 “扎根” 的过程积累。

那么,以上废话少说,多做!6 月份,听了班里若峰 dalao 面试经验分享后,我发现了一位前端掘金 dalao——神三元,他整理的文章和他的经验分享简直太棒了~,然后又从他所关注点赞的文章,我又发现了更多优质的前端学习文章,也就是我这篇博客所要分享的内容了。以下部分内容引自 神三元大佬 的经验:

三元大佬经验分享

谁的人生不是这么误打误撞过来的呢?那你可能就会问了,你凭什么能够把基础学的那么扎实,通过这些大厂的面试呢?

我觉得有两点,一点是 外在 的因素,一点是 内在 的因素。

对外在的方面,我在输入一些信息的同时,会加入自己的思考和推敲,然后用自己的方式来输出,整理成博客,这使得我能够对知识体系本身有更加深刻的理解,同时也能在忘记这部分知识点之后,重新回顾的时候能够很快捡起来,节省了非常多复习的时间。 对内在的方面,我觉得自驱力是一个比较重要的因素,即自己驱动自己学习的能力。其实说起来容易,做起来是非常难的,因为外界的诱惑实在是太多,而且学习本身就是脱离舒适区的活动,是一种反人性的活动,本身就是让人不舒服的,因此很多人不愿意主动学习,这是完全可以理解的。那我为什么会有这种强烈的自驱力呢? 因为危机感,危机感随之带来了恐惧。

为什么这么说?

以前听《得到》APP 上的梁宁老师讲过,人性其实只有两大痛点: 一个是愉悦,一个是恐惧。 愉悦感可以让人沉浸在一件事情当中干一万小时,成为高手,而恐惧带来的动力更加显著。 对产品来说,要么就让用户爆爽,要么就去帮助他抵御恐惧,否则就不是一个优秀的产品。那么对于个人的成长而言,你做一件事情,没有找到任何愉悦的感觉,也没有产生过任何恐惧,那么他基本上在这个领域一事无成。 换句话说,如果一件事情让你非常疯狂地去做,要么这件事让你爆爽,要么它帮助你抵御恐惧。

对我来讲,真正驱动我的是后者。危机意识让我挖掘出真正的痛点,发现自己的恐惧所在,从而带来强大的自驱力。如果说仅仅是学一些东西来炫耀一番,或者只是去迎合外界的期望,这种动力可以有,但仅仅只是暂时的。当你走出舒适区,面对外界无数诱惑的时候,真正能 carry 你继续学习的是你内心的痛点。

我觉得明白这一点,比所谓的学习路径、学习方法重要得多。因为大多数时候我们不是缺少学习资料,或者没有掌握什么高效的学习方法,只是因为你动力不足、容易懈怠罢了。每个人情况都各不相同,但我觉得想要成长,挖掘自己真正的痛点是最重要的一件事情。

心得与体会

看完他的经验分享,我直呼 (tql !Orz),读完他的文章后,受到了鼓舞。我也赞同他的观点,驱动我的也是危机感,坚持自己的努力轨迹,走出舒适区,我想,我也会收到一次惊喜

暂时就写到这了,还有很多资料也还在学习当中,后续进行补充...

关于前端体系知识点本人也还在学习当中,此文分享本人学习发现的优质博客和 github,如若有更优质的文章,可以在文末评论区留言,或者你可以推荐自己的优质博客都可~

正文

本篇博客只做推荐,多为本人学习过程中发现的优质博客,觉得不错,就进行了整理,方便后续自己回顾。但本文部分文字或多或少引用了 dalao 们的总结,感谢本文所有 dalao 们的优质博客!文章内容均属于原作者。如若链接少了作者名或着失效,可以在评论区联系博客,谢谢合作~

summary xmind

CSS 篇

JS 篇

ES6-ES10 篇

虚拟 DOM(diff 算法)

Node.js 篇

计算机网络篇

浏览器篇

数据结构与算法篇

Vue 篇

React 篇

中间件

源码篇(手撕原理)

Promise 篇

前端面经大全

字节跳动 2020 面试算法题+场景题+智力题 100 题

前端优质博客/Github

心路历程 / 大佬经验分享

未来展望与实习经历

从春招到现在,陆陆续续也面了一些公司,我以时间线形式整理到了下面,整条路也是经历了挺多,零基础学习前端,从 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 日晚,找实习的心路历程总结完毕,实习过后,再来一次实习经历总结吧。

sky bg
Tweet this article

Enjoying this post?

Don't miss out 😉. Get an email whenever I post, no spam.

Subscribe Now