目录

1、时间线--如果十年前没种树，那最好的时间是现在。

2、学习路线--学习教程很多，你吸收的有多少？

3、实习&春招--金三银四，三月真的不晚吗？

4、秋招--金九银十？原来秋招是这样？

5、心态--offer求比较？我的offer呢？

6、面试记录--社会的毒打也许会迟到，但不会缺席！

写在前面

本文来自一枚前端菜鸡的内心独白和被社会毒打的亲身体会，大佬请自行略过，或看看图一乐。另有小伙伴有同感的可评论区抱团取暖~

1、时间线--如果十年前没种树，那最好的时间是现在

研一：时间总过的很快，上课，实验室项目，不知不觉间就没了？在研一下学期5,6月份的时候，大一级的实验室师兄和我说，“有机会就多去实习，或者多刷刷编程题，不然到时候找工作被社会毒打”。那时的自己还是太年轻，刷题断断续续，算法前后端还是客户端也都没确定。。。

研二上学期9月份：在两位师兄的推荐下，结合“菜是原罪”的事实，我选择了前端（我的两位师兄都推荐我学前端或客户端，他们java），并找了隔壁实验楼学前端的师兄，了解如何学前端，并走上了这条不归路。。。

10月~20年1月：前端学习断断续续，中间穿插着毕设开题和实验室的周会。html，css，js，vue也都是浮于表面，看了一些w3c的教程和一些视频教程，会一些简单的应用，其实应该学的更深更透彻，在秋招笔试面试被吊打的时候深有体会哈哈哈。

2月~4月底：刚意识到得看书，看书自己吸收的更好一些，面试也可以说自己看了哪些书，总不能讲我都在看教学视频吧？【手动捂脸】

5月：熬过了金三银四，颗粒无收，神仙打架，吾辈只能膜拜。终于在被毒打将近十次，收到了第一份面试通过，那种感觉，就像溺水在绝望边缘，终于有人抛来橄榄枝，抓住了这颗救命稻草又看到了希望。在一次次面试中，也真的认识到了自己菜的事实，只能一次次的欺骗自己“保持信心”，其实每收到的一封感谢信，自己都得在心里缓一阵【捂脸+1】点名感谢蓝厂！【握手】

5月末，一边投着简历，参加各种笔试面试，一边期望着实习入职，有了托底信心真的会++，所以建议面试最开始的时候多从简单一些的公司入手。5月20日，一封“美团点评邀请你参加面试”的邮件又燃起了一颗少年的心哈哈哈，笔试很差，竟然也给我面试了！！（后面去实习的时候才从我导师那里知道是部门里活比较多，急需实习生，又把我从池子里捞了出来），一面，二面，“员工签署电子入职文件”，一切来的那么突然，我却坐在电脑前呆住了，看着墙上N个便利贴的笔试面试日程，还有那些欺骗自己的话，好像这些都值得了。就这么匆匆忙忙前往北京实习。。。

6月-8月中旬，实习。第一次有了产品经理，prd，后端，接口数据这些概念，也真真切切的看着自己做的功能成为产品的一部分并上线投入使用，那种心情是真的很，，，，emmmm，++容易理解吧【词穷捂脸+2】上线之后也趁着周末做了一些总结，总结竟然得到了我们组主管的鼓励？！感觉又要捂脸+3了hhh

不止开心，更多的时候是真的在做事情，有些需求自己没有经验只能像走迷宫一般一次次尝试，多次走入死胡同之后，我的导师G哥把我从迷宫里拎了出来，找个会议室，给我讲思路，一行一行改代码，真的是手把手的教，把我的 代码来了一个大换血，然后满血复活，一路 0error，0warning，hhh我真是太菜了。不得不说，美团的导师真的太有耐心了，我问的问题mentor都细心的给讲解或指路去看哪些文档，让我这个新人【捂脸+4】的无地自容。主管，同事，应届生的同事，相处的都很好，业务很清楚，技术很纯粹。

8月下旬学校迎来第二批开学，实习真的，真的要结束了，结束了晚上九点半打车一个人回小区的生活，结束了一周五天早上九点等地铁的日子，心里突然空了起来，不像每天工作都有排期那么充实。离职的那天，我和平时一样的时间点到了公司，打卡，坐到工位，再一遍的查看交接的工作，电脑文档，直到G哥说了那句“你几点去总部办手续，等会下楼我送你吧”哎，心里突然就难受了，入职的第一天导师下楼接我，最后一天导师送我下楼，心里个中滋味。。。省略1024k字。。。

9月，我的面试通知呢？我还没上车呢？回来才发现，秋招结束了？说好的金九银十呢？一到九月初好多都截止了？【捂脸+5】很多大厂的提前批在7,8月份就开始了，八月末机会就不多了，知道真相的我眼泪流下来，于是开始海投，被鹅厂刷了6次kpi之后，也是心累了，也通过了两个小厂的面试，在9月29,30给我开了薪资，哎，好过分，欺负我菜啊，遂拒。

10月，国企等事业单位。报过电网等事业单位，计算机类的岗位比较少，如果有果酱（专指国家奖学金）会有希望，害~

10月23日晚23点20分，“【校招offer】诚邀你加入美团大家庭”的邮件还是到了（实习之后给发了意向书），怀着乱七八糟的心情【捂脸+6】打开邮件，发现还需要电脑，就借了室友的电脑看邮件。看了邮件，默默走到宿舍过道，从中准备找实习到秋招以来，所有的事都一股脑的涌上来，面试时撕不出代码的尴尬，夜里一个人背面经的自我感动，第一次实习的慌慌张张，北京那天期待的大雨，以及离职时的场景。。。在那一刻，我想自己的秋招结束了。

24日~11月初：接受offer（签两方，两天考虑），网签（网签就是三方效力，给了五天时间）。每天到实验室第一件事就是打开牛客，看大佬的日常分享，我自己也去别人帖子里水hhh然后是了解五险一金咋回事（牛客里有一个帖子写的很详细，这里我贴链接了https://www.nowcoder.com/discuss/462565）。仔细读读就明白了，最简单的理解，每月到手工资是offer上工资的3/4左右，而且从一月到十二月基本是递减的。

至今，回到研二时的状态，接着搞毕设吧，好多还没做，扎心。

2、学习路线--学习教程很多，你吸收的有多少？

个人感觉，笔试面试还是挺看重基础的，如果没有实习经历，就把自己基础知识打牢，在一开始的时候学习就不仅仅局限于教学视频，自己多看几本书，记笔记或博客，真正消化吸收为自己的东西，动手敲敲代码比走马观花看一遍效果会好很多。

知识点：html，css，js这些，然后学一个前端框架（vue，或react，这两者是用的比较多的），webpack，node（有最好，没有的话，前面四项比较熟也可以了）

面经：牛客有很多，面试时间尽量选在一周以后，多找找这家公司的面经。在这里，菜鸡斗胆放一个感觉比较全的牛客知识点（其他网站的我就不放了，可以私我https://blog.nowcoder.net/yiizgo?page=2）每次面试完都总结，把问的知识点总结起来，面的多了也会觉得知识点比较集中，基本就那几块知识点常问。

项目：可以跟着视频做项目，但是，一定要加入自己的想法，有完善的地方，前端建议，别写电商项目了【捂脸+7】可以把电商这个背景去掉，比如换一个校园的二手市场我觉得也会好很多，面试官看电商应该会面试疲劳吧。

刷题：该刷的题都少不了，不然面试就露馅了，集中刷。

3、实习&春招--金三银四，三月真的不晚吗？

三月份有些实习招聘（一般为暑期实习，实习后大多有转正机会）就开始了，春招（应届毕业生秋招后的第二次机会）会更早，如果三月份才开始准备实习的笔试面试，时间会比较紧，个人觉得一年之前开始最好，越早越好，开始的越早，你有充足的时间准备知识点，项目和实习经历，有时间就去实习，因为找实习的时候笔试面试就相当于提前进入暑期实习和秋招的状态。

另， 在暑期实习招聘之前，如果有岗位相关的实习经历，也会很加分，哎，小白说多了都是泪。。。研一寒暑假有时间尽量多实习，有面试也不能怂，“我还没准备好”这样的想法不能有，因为就没有准备好的时候。

4、秋招--金九银十？原来秋招是这样？

说好的金九银十呢？我八月底实习回来好多报名都截止了？留下我在风中凌乱，九月份会有大批公司招聘，不过笔试面试难度也提高了，不然报名那么多怎么刷人呢。好多大厂在提前批就招的差不多了，人才库很充足，9月份招聘就会减少，甚至已经截止了。

所以！七八月份就得开始投，实习的招聘一结束，有的公司秋招提前批就开始了，比如我的第一根稻草（蓝厂）六月份提前批，而我报了实习后面报不了提前批，遂罢。

5、心态--offer求比较？我的offer呢？

经常一打开牛客就是大佬们的offer求比较，菜鸡的我瑟瑟发抖，我咋没有这样的烦恼，不过这也给我带来了烦恼，人家都有好几个offer了，我为什么没有？我为什么那么菜？我什么时候才能有offer？慢慢自己的心态就陷入了恶性循环，特别是在面试被拒后，更加自我否定。。。

其实，怕什么呢，大不了我去小厂啊，总有公司会要我，把标准降低，有工作就行干嘛和别人比，我承认我菜的事实，我就**不怕开水烫了。即使现在0offer，还有春招啊，现在积蓄力量到时候干就完了。

去年九月十月的时候，在某乎上看到前辈们的秋招心态，有时候看不开真的会折磨人，去年是华中科技大学有前辈想不开，今年是大连理工，当时在夜里看到了他们最后写的话，很让人惋惜，有什么大不了的，咱不去在意那些虚的，活着就是最好的！

只要自己心态好，那些都不是事，何必一直在意。实习期间导师对我的影响还是挺大的，G哥的心态就很好，业务需求多，那就朝后排，到饭点了我们还是一起去吃汉堡王hhh

G哥：“不与他人比较，但要保持进步，永远做更好的自己。”

6、面试记录--社会的毒打也许会迟到，但不会缺席！

没错，是面试记录，不是面经，因为大多是被毒打的经历，避开我走过的坑就好了hhh 看了自己的面试记录，据不完全统计，有十几页，也有一些没记录的。以下只放部分面试问题（实际是我没记全）吧，全放太多了，放之前先说一下部分公司的体会，

xc海豚厂：三月中旬投的简历，四月一面，五月二面，流程也太久了。。

hw菊厂：实习面试完一个多月，告诉我去实习，实习还没有转正机会，流程也很久，秋招的时候hw前端应该是没有hc的，或者很少（前端外包出去了，德科），今年这池子，应该也都有体会了。不过听说15级还是很香的。

宇宙条：挺看重基础，面试体验很好，感谢信发的也很快hhh

鹅厂：实习面试的时候捞一捞，秋招疯狂捞，最短的一次面试也是鹅厂，面试官卡准时间15分钟，然后就结束了。还是自己太菜了hhh，鹅厂一直很香。

蓝厂（v）：面试体验很好，可以先给自己保底。

绿厂（o）：面试难度不大，薪资不如蓝厂香，仅限我前端菜鸡，硬件芯片那些很香hhh。

某手：前端无笔试，面试的时候会手撕。

某多：笔试题比较基础，知识面广，面试时类似。

美团：面试看重基础，也有手撕，整体难度不高。

（1）字节广告系统一面

1.   自我介绍

2.   比赛相关

3.   nginx，本科毕设

4.   2048实现细节，方块，运动，逻辑

5.   写样式 4*4的方块实现

6.   Vue生命周期  （话别重复，只说一遍，）

7.   大学时的计算机专业课有哪些

8.   js写一个二叉树的类（只问了没让写）

9.   深度遍历和广度遍历的区别

10.网络七层结构

11.TCP和UDP区别，应用场景

应用场景：

·      udp应用于实时性高，数据量大，允许丢包的情景，如网络电话，视频会议等

12.tcp的header有哪些，

补充12：http的header

13.协商缓存

补充13：强缓存

14.304状态码，服务器怎么告诉浏览器使用协商缓存

15.字节，字符关系，unicode几个字节表示一个字符，utf-8（两到三字节）能表示多少：ASCII码，还有很多汉字没答上来

·      一般一个字符两个字节，unicode（通用的编码标准）用四个字节表示

·      utf-8：可变长编码，是unicode中的一种，2~3字节表示一个字符，其中包括汉字，希腊符合等

16.数据类型有哪些，null和undefined区别，答了使用typeof null显示object

17.闭包，访问函数里的变量

18.this的应用，输出结果

19.算法：出现次数最多的字母，以及出现次数，补全代码

20.Vue实现双线绑定：object.defineProtory数据劫持和订阅发布模式（观测者observer，监听者watcher，compiler编译器）

21.有什么问题要问我的？问了技术栈，实习生的工作任务，城市，他可能想让我问前面问题的答案，或者算法题的思路。 

正则化 /^1[3|7|9]\d{9}$/

（2）腾讯医点CSIG一面

promise相关

http状态码查过吗

Vue生命周期，熟练度

笔试题：js相关，正则匹配，js操作

协商缓存

ES6模块化

CSS3新特性

（3）字节独立业务闭环一面（4.13）

部分

1.   v-for中key的作用，优点 

2.   css盒模型，哪几种盒模型

二者区别在于width计算

如何设置哪种模型，通过box-sizing属性

3.   css3盒子和标准盒模型的区别

4.   position几种属性，absolute和fixed区别

5.   transform哪种定位脱离文档流

6.   子div中的margin-top效果也会在父div中展示，原因是什么

·      外边距重叠：兄弟或父子元素，垂直方向的margin会重叠

7.   内外边界重合如何解决

·      父级元素设置border或padding

·      父级元素设置overflow: hidden

·      子元素position :absolute

·      子元素设置float或 display：inline-block；

8.   rem，实现原理，相对于box-size的大小

9.   判断是不是数组，答isArray，instanceof，问还有吗（原型和toString）

·      （3）Object.prototype.toString.call(arr)==='[object Array]'

·      （4）arr.__proto__===Array.prototype

·      （5）arr.constructor=== Array

10.instanceof能判断数组的原理

11.事件循环模型

12.怎样实现循环的，应该是promise

13.抓包工具有没有用过

14.题1，promise输出顺序

（4）网易

（5）携程

get和post区别

（6）美团一面二面

1.   单线程存在的 问题

2.   观察者模式

3.   看看项目里的难点，

4.   前端工程化，性能方面

5.   event bus

（7）shein二面

1.   同步和异步，同步为什么会阻塞异步不会阻塞，同步从上到下依次执行，比如每个需要10秒，四个需要40秒

2.   异步：如网络请求，发送完请求，继续执行下面的，等请求到结果了，再执行返回结果的那部分。

（8）Vivo一面，二面hr

：一个伪类

：：伪元素

去除浮动：

解决方案：

动态绑定：bind+ 计算属性

（8）腾讯pcg一面二面三面（ivweb直播）

·      webpack打包原理

·      vue  diff算法具体过程；

·      vue 中computed，watch和method，应用场景，watch能不能代替computed；

·      为什么要有vuex（全局变量能不能代替？不能，追踪功能）

·      双向数据绑定原理

·      http状态码，http缓存，缓存策略

·      https加密原理

·      前端前沿技术的了解

·      CDN

·      如何学习

·      PWA

二面

智力题

·      三片肉，一次烤两片，30min

·      门后守卫，一个说谎一个诚实，只问一次

三面

·      CDN

·      DNS解析

·      一张图片的加载过程

·      gzip

·      错误监控

（9）搜狗一面（搜索）

·      跨域问题：a.com和b.com服务器能不能接收到请求

·      http1.0和1.1的区别

·      手写防抖，和节流区别；

·      手写，获取html页面的target；

（10）快手

·      html和css相关居多

·      上传API是哪个 input type=file

·      手写：收集网页所有的h字母打头的标签；

·      删除DOM节点remove

·      改变数组长度的操作

（11）字节

（12）腾讯音乐-商业广告

前端基础-JS闭包，01234两种方式

nexttick 前后的值

移动端适配，rem

安全问题深挖csp，

中间人攻击-https加解密

（13）拼多多笔试

防抖节流

行内元素块级元素

css可继承的属性：字体相关、text相关（text-align等）、可见性visibility

置换元素：有固定尺寸，生成了框，如：

1、        视图元素，如img、video

2、        input，select，textarea

设置p标签可编辑 contenteditable=“true”

cookie相关属性

过程：授权（session，cookie和token）à鉴权(permission)à权限控制

写在最后

秋招只是一个阶段，本科到读研再到秋招，没有哪一步走的好了以后就无忧了，每个人都有各自的烦恼和快乐吧。不过，在保持学习的心态还是要有的，研一上完了学校里的最后一堂课，现在觉得，以后不在学校里要学习的可能更多。

祝好，祝开心hhh