avatar

【春招&实习&秋招】前端学习の优质资料整理&心路历程(已上岸)

引言

写这篇博客原因

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

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

三元大佬经验分享

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

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

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

为什么这么说?

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

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

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

心得与体会

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

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

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

正文

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

CSS篇

神三元:剖析一些经典的CSS布局问题,为前端开发+面试保驾护航

超逸の博客:前端知识梳理之CSS篇

CodeDeer:纯CSS画三角原理解析

JowayYoung:灵活运用CSS开发技巧

大志前端:【前端帮帮忙】第4期 使用纯CSS制作一个开关按钮

Chocolate:CSS制作开关按钮源码(演示)

JS篇

追梦子:彻底理解 JS 中 this 的指向

追梦子:JavaScript中call,apply,bind方法的总结

JavaScript 进阶问题列表(测测你有多了解 javascript)

金色小芝麻:想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS

ES6-ES10篇

榴莲布丁:【ES6基础】 Map用法总结

陈大鱼头:从ES6到ES10的新特性万字大总结(不得不收藏)

虚拟DOM(diff算法)

txm:大厂面试官:请阐述一下你对虚拟DOM和Dom-Diff的理解?

noobakong:虚拟DOM和Diff算法 - 入门级

vdk:Vue中的虚拟DOM及diff算法

小小晴:【React】深入理解虚拟dom和diff算法

Node.js篇

Node.js技术栈

计算机网络篇

神三元:(建议精读)HTTP灵魂之问,巩固你的 HTTP 知识体系

神三元:(建议收藏)TCP协议灵魂之问,巩固你的网路底层基础

浪里行舟:深入理解HTTPS工作原理

浏览器篇

神三元:(1.6w字)浏览器灵魂之问,请问你能接得住几个?

浪里行舟:Ajax原理一篇就够了

数据结构与算法篇

awesome-coding-js:用JS玩转数据结构与算法

ScriptOJ:前端首个 Web 前端开发评测系统

ConardLi:前端该如何准备数据结构和算法?

JavaScript 算法与数据结构

晨曦时梦见兮:前端电商 sku 的全排列算法很难吗?学会这个套路,彻底掌握排列组合。

Jay_huaxiao:看一遍就理解,图解单链表反转

Vue篇

金色小芝麻:30张脑图带你从零开始学VUE|VUE基础知识篇

小明同学哟:彻底理解Vue组件间通信(6种方式)

浪里行舟:Vue 组件间通信六种方式(完整版)

shotCat:可能比文档还详细–VueRouter完全指北

柚子233:如何在一个页面使用多个router-view显示不同的内容

一叶知秋666:vue-router 基本使用

晨曦时梦见兮:请你说说 Vue 中 slot 和 slot-scope 的原理(2.6.11 深度解析)

晨曦时梦见兮:Vue 的生命周期之间到底做了什么事清?(源码详解,带你从头梳理组件化流程)

晨曦时梦见兮:为什么 Vue 中不要用 index 作为 key?(diff 算法详解)

晨曦时梦见兮:驳《前端常见的Vue面试题目汇总》

React篇

wangly19:一天学习React入门后的千字基础总结

中间件

晨曦时梦见兮:Koa的洋葱中间件,Redux的中间件,Axios的拦截器让你迷惑吗?实现一个精简版的就彻底搞懂了。

小畅叙:Koa2 简单入门

xiangzhihong:Koa2开发快速入门

源码篇(手撕原理)

小鹿动画学编程:动手实践去实现 Vue 2.0 的核心原理

小鹿动画学编程:阿里面试官让我手写 Vue 2.0核心原理,我都整理好了!

小明同学哟:手写源码系列

txm:面试时,你被要求手写常见原理了吗?

蓝莓圣代:手写jsonp实现原理

迪迪同学:call, apply, bind 区别及原理

txm:手写一套完整的基于Vue的MVVM原理

Promise篇

小明同学哟:一步步教你实现Promise/A+ 规范 完整版

小明同学哟:Promise系列

优秀公众号推文

前端瓶子君:前端面试基础题集合!赶紧上车!

前端面经大全

神三元:2020三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文

LinDaiDai_霖呆呆:霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文

小明同学哟:初中级前端面试题

txm:初中级前端面试题(万字长文)

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

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

(答案1)字节跳动算法题+场景题+智力题100题

(答案2)字节跳动算法题+场景题+智力题100题

前端优质博客/Github

yck掘金小册:前端进阶之道

ConardLi的blog

FE-Interview 前端面试题整理

大前端面试宝典 - 图解前端

心路历程 / 大佬经验分享

Bestbven:双非院校,成绩不好的他,怎么突然拿到大厂offer了?| 掘金技术征文

LienJack:艺术喵 2 年前端面试心路历程(字节跳动、YY、虎牙、BIGO)| 掘金技术征文

LienJack:2019学习学到失恋但是还要继续|2019 与我的技术之路

LienJack:一位前端 2018 绝地求生记 | 掘金年度征文

txm:生日之际,记录自己前端拼搏之路~

晨曦时梦见兮:写给初中级前端的高级进阶指南

晨曦时梦见兮:写给女朋友的中级前端面试秘籍(含详细答案,15k级别)

yck:看完跳槽少说涨 5 K,前端面试从准备到谈薪完全指南(近万字精华)

未来展望与实习经历

从春招到现在,陆陆续续也面了一些公司,我以时间线形式整理到了下面,整条路也是经历了挺多,零基础学习前端,从2月份准备到6月份,最终拿下恒生的 offer ,努力终究得到了回报。

【腾讯】记录腾讯一面(IMWeb团队)

【腾讯】腾讯云COS前端一面凉经

【字节跳动】前端一面面经

【深信服】星耀实习生(前端开发)笔试&面试分享

【恒生电子】2021实习(前端) 笔试&面试分享

关于未来展望的话,还是等实习之后再继续编写吧,到时候再来分享一下实习经历与心得

后续待补充…

鸣谢

本篇博客知识点与相关文字都参照了各位大佬的博客,由于大佬太多了,也不太方便一个一个感谢了,但在本文已经都注明了各位大佬的博客出处,在此表示感谢,感谢各位大佬的优质文章 ✿✿ヽ(°▽°)ノ✿,小伙伴们都可以去他们主页逛逛,总会有一些好的内容等待着你去发掘~

总结

以下部分引用三元大佬经验分享

面试阶段

从上面的面经中可以看到不同方向、不同级别的面试官各自的偏好不一样,因此对于不同的面试官,采取的策略也应有所不同。但我更想分享的是一些具有共性的地方,这些策略可以适用于绝大部分的面试场景,让自己获得更大的竞争优势。当然,所谓的面试策略,都是基于你前期充分的准备,不然都只是天方夜谭,毫无可行性。

策略一: 备好杀手锏

面试官一天可能要面5-6人,甚至十几人,那么你是否想过: 他凭什么对你印象更加深刻?

心理学有一个效应叫 峰终效应 ,就是人在一个有限的活动当中,对一件陌生事物的看法大致由两个时间点所决定: 一个是高潮点,一个是结尾的点。
对面试而言,我认为同样是适用,具体来讲,和面试官的交流,其实也就是和一个陌生人的交流,如何来给他留下更深刻的印象?需要在高潮点展现自己,在结尾点保护自己,在面试的过程中适当给面试官一些和别人不一样的回答和见解,使之感到惊艳,而在结尾的时候,你说的话其实更容易被面试官记住,这个时候由于面试已经接近尾声,你可能没有当时那么紧张,这个时候需要适当的谨慎一些,不要彻底放松,避免不小心说出一些对自己处境不利的话。

其实,我更想强调的是前者,即如何将面试带上一个高潮点,并且让面试官感到惊艳。其实这并不是什么简单的事情,毕竟能惊艳的只是少数,那么如果才能做到这一点呢?
在面试前,不妨准备好自己的杀手锏。什么是杀手锏?就是每当面试官问到相关的问题的时候,你能够有自信比 90% 的人理解得更深刻,回答更出色。以我自己为例,我准备的杀手锏并不少,HTTPS 所有加密算法chromium 进程 IPC 原理斐波拉契第 n 数的 logn 解法浏览器渲染过程vue 编译器架构vue 双向绑定快排以及手写 V8 排序 ……

在其它基础知识都 OK 的前提下,这些杀手锏是你技术上的核心竞争力,这是你和其他人相比体现不可替代性的地方。当然,时间有限,不可能每个角度都能研究很深入,但如果你不准备,跟大家背一样的答案,很难从人群当中脱颖而出。

策略二: 适当暗示

面试的过程其实就是一个和面试官互相试探的过程,一方面是他对你提问,另一方面你需要给他一些信号,引导他去挖掘你的闪光点。

其实有两个时机可以发一些暗示的信号,一个是自我介绍的环节,这个环节中可以向面试官展示出你之前深入研究过哪一块的技术,指引他往那个方向问,另一个是技术细节的提问,可以在回答的时候适当发挥,大部分面试官是愿意听你展开的。

个人经验分享

说实在,大佬的经验已经足够我学习了,已经整理在了 心路历程 / 大佬经验分享 模块,想必阅读到此的你应该已经看了部分大佬的经验分享了。这里,我就说说我整个找实习的过程吧。

梦初

起初,我对于实习这块是完全不知道的,应该与大多数人一样的感觉,好像也没有人告诉我们什么时候要实习了,实习的重要性,到底要不要实习,貌似没有人解答我这个问题。也许是巧合又或者是机遇,我在寒假期间找到了16级志杰学长,他是我们学校ACM队dalao,依旧还记得去年省赛他说手撕伸展树(虽然到现在我也不知道这是啥玩意,反正很强就是了!),我询问大三下我是否还要继续打acm,因为我感觉我想要到达我想要的阶梯还是有很大差距。和学长交流了之后呢,他就简单问了我一句:开始找实习了吗?我一脸懵,我说我现在就要找了吗?这么快吗?我还啥都不会诶… 后面又与学长沟通了许久关于实习的话题。

此刻,就这么一句话,就是我整个找实习路程的开始。我确实是要开始准备了!

梦中

就是关于我的一些面试经历了:

【腾讯】记录腾讯一面(IMWeb团队)

【腾讯】腾讯云COS前端一面凉经

【字节跳动】前端一面面经

【深信服】星耀实习生(前端开发)笔试&面试分享

【恒生电子】2021实习(前端) 笔试&面试分享

确定了自己要走前端开发后,我从2月份就开始学习前端,道路也是坎坷,甚至也走了点弯路。在整理好自己感觉不错的简历后,我最开始就投了 深信服,我以为我这个CSDN博客专家称号能让我提分很多,可是现实却拍醒了我,我的简历直接被拒了。我也庆幸自己被拒了,因为当时特别紧张,紧张到睡不着觉的那种,晚上睡前都在想明天会不会突然来个电话要我面试怎么办,我还没有准备好…

深信服被拒了之后,我在 BOSS直聘 上收到了腾讯前端架构师的面试邀约,当时给我激动的,毫不夸张地说,我甚至还联想到了自己到腾讯入职的样子。也就是上述第一份面试经验了,我又被啪啪打脸了,原来我与大厂的差距挺大的,而且我特别紧张,一点也不自信。第一次就面腾讯,我真佩服我自己!

后续正式批到了,之前都是提前批,正式批收到了腾讯云的内推,于是我又去面了一次腾讯。结果也是可想而知,知识点还是不够深入,尽管我已经总结了很多知识点,但一到问我的时候,我没办法联想到相关知识点,或者说我不能举一反三,只能问我什么答什么,当然,大部分都答的很简单,可能不是面试官想要的答案。相关问题在面经里面都可以看到,这里我就不举例说明了。

5月份,开学了,在学校里面,又有幸拿到了字节跳动的内推,于是我又开始了字节的面试,面完又是一面就结束了,整体下来体验不是很好,还是老问题,知识点还是不全面,就连基础题也会卡住。如果是要我找这些问题出在哪里,我能在我的整理博客里面找到,但真正到我说的时候,我就卡壳了… 这证明我的前端思维还是没打通,没有真正形成一个知识体系。字节也是与我无缘了…

6月份,我鼓起勇气,开始投递恒生电子,四次宣讲会我都有参加。这个是了解一个公司比较好的方式,宣讲会有介绍他们的技术栈,主要业务。比如他们常说的:恒生,让金融变简单! 也正是参加了这次宣讲会,我也有幸中奖了,抽到了 恒生雨伞,不得不说,还真是缘分!而且通过宣讲会了解到了恒生可以说是是一家以程序员起手的公司,公司 70% 左右都是程序员,更关注的一点是没有那种上下级关系,员工关系的话都挺好的。而且在杭州,不错的城市,公司周围的环境也还是不错的,说是后面走 10分钟 就会看到樱花跑道,还说甚至可以和武汉的樱花比一比!此时的我,已经被这公司给吸引住了,我想去!我想再次尝试一下!

而在面试恒生电子之前,有很长一段时间过渡,我又收到了深信服的笔试邀请,原来当初我的简历并没有被刷掉,而是疫情影响进行了推迟,都是等到了5月份才正式开通实习招聘。疫情还真是影响了挺多的,愿早日过去。

关于深信服的笔试与面试就是我面恒生前的一次热身,当初我也是这么想的,如果能去深信服我也愿意去,反正也在长沙,如果没有缘分的话,那就好好准备恒生电子。深信服的笔试实在做的太差了,这里可以去看一看那篇面经,后面编程题几乎交了白卷。我原本以为没有笔试邀请了,想不到后面还捞了我,给了我面试机会。关于这次面试的总结,已经在面经码上了,可以去瞧瞧,这里就不再赘述了。

梦醒

2020年6月29日 收到恒生电子 offer

收到邮件时,当然是很开心的,准备了这么久,如愿收到回报,越努力越幸运!

我们的征途是星辰大海! 在上文经验分享处,我说我佩服自己第一次就面腾讯,其实想说自己真的挺傻的,在没有准备好的情况下,直接去面自己想去的公司,相当于当了一次炮灰一样。而且大多数公司都是有面试记录的,太差了也会影响后续面试邀请,比如说字节跳动,自从一面凉了之后,之后所有的投递都投入 “人才库”里。其次,整个面试过程给了我一些毒打,但又让我成长了许多。比如我们去面试,与面试官交流,并不是我们单方面的一问一答,而是 交流,你怎么通过交流体现出你简历上面的能力,比如你的自学能力,你的表达沟通能力,你的领导能力等等。

另外,面试也是一次双向选择的过程,面试官让你通过面试,也是觉得你可以做它的同事,因为公司拉人,多数也是部门招人,招你过去很有可能就是他的同事了,后续一些工作安排,业务等等都会打交道的。当然面试官要进行筛选,选最合适的那一批人。

其次,面试官都是挺好的,可能个别会感觉有点高冷,甚至感觉与你不搭,这也是正常的。面试过程应该是一个轻松的过程,而不是那种一遇到问题就紧张说不出话的那种,尽管有些面试官会为难你,来个难题,也是为了考察你在高压的情况下你会如何判断处理。此时,对于你完全不会的地方,例如你可以这样回答:面试官,关于这一点的话,我本科阶段没有进行了解过,但与这个相关的另外一个知识点我知道,然后xxx,又或者说是关于这一点的话,你可以给我一点提示吗?又或者说是这一点我在本科阶段没有怎么了解过,但是我可以尝试解答一下,然后xxx。通过上述三种回答都比直接说不会要好很多!

经历几个月的历练,我也打通了前端思维了,好像面试就是那么回事,面着面着自信就来了,我甚至也可以和面试官吹吹牛,直接和他扯上20-30分钟知识点。

每一次面试都是好的经验,通过写博客总结的形式也是一个输入和输出的过程。这样也可以让自己知识点记得更加牢固一点,这里不得不说两年写博客经历还真是让我收获许多,我想恒生这次也是多亏了这个加分吧。其次, 心态和自信方面挺重要的,尽管自己走的很慢,但是不会停下自己的脚步。 关于本篇博客知识点,我想应对实习也差不多了。关键是学习前端思维,明白自己要学什么,该怎么学,如何学。那么对于一份好的工作到来,也只是时间问题了。

学如逆水行舟,不进则退!2020年6月29日晚,找实习的心路历程总结完毕,实习过后,再来一次实习经历总结吧。

文章作者: Yang Chao Yi
文章链接: https://yangchaoyi.vip/posts/520521/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 超逸の博客
打赏
  • 微信
    微信
  • 支付宝
    支付宝

评论