自学前端路线以及面试遇到的坑

最近有一些同学问我关于应该学哪个方向以及需要学哪些知识，故写下这篇文章。这篇文章将从学习方向，学习方法，每个阶段大概需要多长时间，如何准备面试，如何写好自己简历，如何去投递自己的简历这几个方面来讲。

如果你已经在准备考研或者有考研的意向 随便看看就好 ( 既然选择了考研就一定要坚持信念 其实有的时候结果并不重要 重要的是你在这个过程中的成长以及收获 只要你认真且坚持到了最后 你就是成功了。
永远、永远、永远不要放弃——要坚持到最后一刻 加油 (ง •_•)ง

最近收到一些私信，现在很少看csdn了，有需要可以加我Q 1061850552 
顺便打个打个广告～ 
字节跳动抖音 前端客户端测试非常缺人 组内直招无笔试 组介绍见👇

组内介绍

学习方向

其实学什么这个我真的没办法给大家明确的建议，所以就选择放两张图 大家自行考虑

算法能力要求：算法>后端>前端

前端：男生学的好处：前端妹子特别多 女生学的好处：学起来简单 面试过程中算法题简单

学习方法

选好自己要学习的方向 那么你就需要知道你需要学习哪个技能 我们可以问一下比较有名气的培训机构(黑马程序员/千峰教育/尚硅谷…)去要对应的教学大纲 这样你就知道你需要学哪些东西了

我是通过b站 找最新最系统全面的视频去学习 https://www.bilibili.com/read/cv4744418 根据这个大纲来学的 不过里面视频由于版权问题up主下了 可以从下面的评论里找找资源

每天早10点-晚上12点30 除了吃饭 午休一会 其他时间都要去看视频 我开的是1.25-1.5倍速去学 里面的例子跟着敲就可以了 一定要自己亲手去实现每一个功能 同时不需要深究 了解有这个东西就可以了 只有这样才能一天完成他们2-3天的学习量 因为你是看的录屏 所以你的效力一定要是别人的两倍以上

每个阶段大概需要多长时间

前端这边建议大家直接从html5 css3 开始学起 我们大一下的时候学过web课 所以直接从这里开始学没问题 我会附上我当时看的视频 仅供参考

HTML5+CSS3

css3 动画是难点

地址 https://www.bilibili.com/video/av80040130/?spm_id_from=333.788.b_636f6d6d656e74.10

大概需要4天

移动端布局

重点：rem布局 flex布局

地址 https://www.bilibili.com/video/BV14J4114768?p=390

大概需要6天

JavaScript 基础语法

这部分是基础

地址 https://www.bilibili.com/video/av80973606/?spm_id_from=333.788.b_636f6d6d656e74.16

大概需要5天

JavaScript webapi+jquery+js高级(含es6)

重点 时间轮询机制 this绑定 原型链 不过这些可以在准备面试的时候再深入了解

地址 https://www.bilibili.com/video/BV167411p7hi?p=1

大概需要14天

前后端交互 Node+Gulp+MongoDB+Express+ajax

学到这里 你就可以实现前后端交互了 这部分重点在express搭建本地服务 以及 使用template模板来渲染页面 这边学好了 后面vue学起来就非常简单了

地址 https://www.bilibili.com/video/av86666687/?spm_id_from=333.788.b_636f6d6d656e74.13

大概需要20天

快速上手vue

地址 https://www.bilibili.com/video/BV18E411a7mC?from=search&seid=5699549344727212857

大概需要2天

这边学完后就可以准备面试了 因为关于vue的题目基本上都是理论题 然后你通过复习我分享的以.md结尾的文件的题目去理解去学习 当然你也可以选择把vue学完 就是下面这个链接

vue实战

把这个学完 前端就学完了 就可以去准备面试了

地址 https://www.bilibili.com/video/av86673690/?spm_id_from=333.788.b_636f6d6d656e74.14

大概需要14天

准备面试

其实前面花了那么多时间就是让你能够听懂面试官问的问题是什么 你仅仅靠前面视频上讲解的 深度不够 所以建议是倍速观看跟着视频敲 看面试知识点才是关键 先看计算机基础 再看css 再看js 中间穿插刷leetcode算法以及b站中关于前端面试题的视频

面试资料
链接：https://pan.baidu.com/s/1-6EJsAptnBasuDD4Esag-w 
提取码：sist

当你三个.md里面知识点 ( 个人强烈建议答应成纸质 去理解记忆)+ 前端相关代码题 都非常熟悉了 就可以去投递简历了 ( 里面理论知识点就有8w字左右 + 十几个手撕代码 一定要理解去记忆 不懂得可以问我 或者 看b站相关视频 里面的东西我看了两三遍了 基本上都会了

如果你会了里面80%的知识点 基本上中厂级别无压力 如果你会了前端相关代码题以及刷了不少剑指offer里面的算法 那么就可以冲大厂了。 再次强调 那三个.md里面知识点 真的非常非常非常重要

然后就是投简历 面试的同时 去牛客网看别人的面经 查缺补漏

编写简历

如果你项目丰富就先展示项目 如果你奖项厉害就先展示奖项 如果你的博客里面干货多就放博客 如果你github里面有自己的很多项目就放github地址 这样有利于面试官了解你 总是就是把你的亮点放在最前面提高约面机会 另外保证简历真实 里面写上去的东西 就要做好要被问到的准备 在写自己会的技能的时候 熟悉的写 熟练使用 不熟的写 了解 切记不要写精通！

如何投递

牛客网里面讨论区去找内推 不管是大厂还是小厂都有 要找那些急缺人 或者 组内直招 别人留了微信的那种是最好 因为你可以联系上别人 问面试结果以及进度查询 ( 急缺人 > 组内直招 > 留了联系方式

然后就也可以选择在boss直聘上去投 ( 这里面水很深 比如只要说需要提前培训 并且需要交钱 就是培训机构直接拒了 只要说需要交钱 或者 前几个星期不发工资的 直接拒掉就可以了

面试过程中的经验以及教训

先说一下截至目前为止自己面试的一些公司 (中间穿插经验以及教训

春招：自己学完这些东西(vue 只看了基础)就已经到4月底了基本上是春招的尾声。

雪浪云：连续面了2天 拿到了实习offer 美团：一面挂 贝壳找房：一面挂

美团和贝壳找房是我入职了之后才接到了约面电话 而且还约到了一天 大概下午4-5点面贝壳 5-6点面美团。总之就是时间非常紧而且自己第一次视频面试特别紧张。( 说这件事就是想告诉一下大家在约面的时候要注意 两个面试之间的间隔要超过一小时以上 最好是一天一面 这样才有时间去总结自己的过失

秋招：

字节：从投递到拿到意向书一个月的时间 ( 一般面试都有反问环节 这个时候你可以问一下自己的优点缺点 以及能不能过 有的面试官会告诉你 另外还有一个规律就是超过一个工作日没有hr跟你约下一面时间基本上就凉了

百度：一面挂 30分钟 ( 可能是女面试官吧 看问题的方式有点不同 她问我的问题都是我简历写了解的部分 后来我就直接删了这部分 这里就是告诉大家在写简历的时候要确保每个知识点你都熟悉 不然就是自己给自己挖坑

广联达：笔试挂 （ 笔试代码题 3道写出来了2道半 - > 典型的岗位满了 走走形式 给别人刷kpi

端点科技：两面 offer ( 手上要留几个offer 不要拒绝的太快 以防意外情况的发生

百度挂了，端点 字节最后一面结束后 发现没有公司约面了 就又投了一波简历

网易(8.12-8.13)：两面 挂 ( 莫名其妙挂了 怕了怕了 达成成就 遇到女面试官通过率0% 其实我们会遇上不同的面试官 他们考察的点也不会相同 只要自己基本攻够扎实 一两次的失利 不算什么~

京东(8.11)：一面 之后就没声音了 （ 面试官全程很随意 暗示实习转正几率很低 让我明年校招的时候再投 遇到这类公司实习转正率比较低 这个事情你需要考虑去还是不去

作业帮(8.14)：一面 ( 大家一定要去多面试 这个就跟做题一样 做多了就知道自己哪里掌握的不好 然后做完去恶补一下 真的每次大厂的面试 你都会得到提高 有的公司的面试官真的非常专业 面试感受特别好！

秋招被约面的几率很高 因为 1. 秋招比春招容易并且岗位更多 2.有实习经历 项目经历 3.简历写的好以及基本都是定向投递 哪个部门缺人我就投哪 所以大家多多去牛客网找找组内直招的帖子

这里再说一个回答面试官问题的技巧

面试官: get和post请求的区别
回答: 
get参数通过url传递，post放在request body中。
get请求在url传递参数是有长度限制的，而post没有。 **
get比post更不安全。应为参数直接暴露在url中，所以不能用来传递敏感信息。
get请求只能进行url编码，而post支持多种编码方式。
get请求参数会被完整保存在浏览器历史记录里，而post种的参数不会被保存。
get和post本质上就是tcp连接，并无差别，但是由于http的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。
get产生一个tcp数据包。post产生两个tcp数据包。
**
我们经常说get请求参数的大小存在限制，而post请求的参数大小是无限制的。实际上http协议从未规定GET/POST请求的长度限制是多少。对get请求参数的限制是来源于浏览器或web服务器，浏览器或者web服务器限制了url的长度。为了明确这个概念，我们必须再次强调以下几点：
1.http协议中为规定GET和POST的长度限制。
2.GET的最长长度显示是因为web服务器或者浏览器限制了URL的长度。
3.不同的浏览器和web服务器，限制的最大长度不一样。
**
在考虑缓存的时候,一般get请求都是查找请求，不会对服务器资源造成修改，而post请求一般都会对服务器造成修改，所以一般只会get请求进行缓存，很少会对post请求进行缓存。

面试官: 讲讲跨域方式
回答：首先要讲为什么要跨域 -> 因为浏览器的同源策略 -> 什么是不同源->域名 协议 端口号不同->然后再对应的跨域方式以及原理

总之要把知识点串起来 举一反三

总结

选好方向 快速入门 掌握基本知识 准备面试(刷题 理解记住三个.md的知识点 不要求一字不差 最起码说要回答出来要点)

有基础的尽早投递 9月基本上就是秋招尾声了 没基础的就精心修炼 不要想那么多 学成了再投实习 然后就是坚持 规划好自己的时间 以及大致的计划。

另外如果你想毕业之后去大厂 但是你现在能力达不到 你可以先去一个轻松点的小厂 965这种 这是为了以后大厂面试做准备 一般大厂的面试时间可以遇到晚上7-8点 这样就避免了请假的尴尬 毕业之前尽量先去外面学一些新的技术 然后再回到郑州发展 ( 因为郑州几乎不要实习 而且 所用到的技术也是比较传统的
以上就是我自己上半年的学习过程以及经验总结 自己不确定是否走了弯路 但是最终还算是达到了自己预计的目标。

一晃两三年，匆匆又夏天，有生之年，有幸相遇，这个夏天付出的努力将在明年夏天的给你一个满意的答案。
最后，愿每一个为了梦想执着努力的人，都能够被这个世界温柔以待