非科班前端新人两个月拿下腾讯offer全过程（总结）

Posted 2021-08-17 不爱码字的程序员-

前言

首先，博主并不是什么大牛，也不是什么名校毕业的，周围的面霸，学霸，考霸不多，但是各个都比我强。博主本人是20届毕业生（非计算机专业），从拿offer到入职，今天正好三个月，是时候总结一波面试和入职的经验了。总体来说，面试过程比较辛苦，入职之后成长飞速。

面试流程

1.第一轮面试花了比较久时间，问的问题主要是js 和 css基础，问了之前做过的项目等等。主要问题有：let const vs let，promise原理，原型、闭包、动画；因为之前有过 vue 的经验，面试官又问了几个 vue 相关的问题。总体来说难度不大，考察面很广，可以看出一面主要考察知识的广度，面试官很强，每个问题都是逐步递进，层层深入，直到打不出来。最后问了一个分针时针夹角的问题，刚开始没答上来，后面经过面试官提醒才答上来的。
总体感觉，面试官非常友好，基本是我面各家面试里面最友好的，有的问题我感觉我都答不上来了，面试官都在引到我在回答。印象最深刻的是，面试官说，你现在可以查一下文档，跟我说一下你的想法。还有面试直接给查文档的，真是活久见。

2.第二轮面试稍显有些难度，问了很多网络知识，这个时候真后悔大学没有好好上计算机网络的课，很多东西都忘记了。后面问了一些页面加载优化的问题，之前看过雅虎军规，再结合最近比较火的 SSR，感觉也是赢得了面试官的青睐。不过后来入职后跟当时的面试官聊，他说我主要是比较会结合之前的工作经验来谈问题，雅虎军规里面的东西基本烂大街了，但是我说的每项都能拿出之前做的东西做类比，可见是一个擅长总结的人，所以给了通过。

这个也告诫大家，网络知识真的很重要，尤其我入职的部门是做直播的，对网络知识应用非常广，每天接触各种大牛，讨论加载速度都是按 MTU 来算的，跟大牛一起工作真是学到不少东西。

3.第三轮是总监面，依然是网络，外加了两道算法题，不过重点考察还是知识广度，没有考察深度。我很惊讶，都到总监了，依然在做技术，我说过之前学过 webrtc 相关的知识，总监竟然直接问了很多相关的知识，想之前面阿里的总监面的时候，总监感觉离开技术已经很远了，我说最近学的一些 h2 和 h3 的知识，他都完全不了解。

4.最后一轮 HR 面，基本只问了一些工作学习经验，没有任何为难（比如某福报厂 HR 不知道高到哪里去了）

入职经验

设备

崭新的 16 寸 mbp，感叹大厂就是好，大学实习的某个公司竟然还让我自己带笔记本去工作。入职以后又配备了新的显示器，导师还把自己的测试手机给我用了，虽然是测试手机，但是我就当作平时的常用机了。哈哈哈。对于设备而言，我是非常满意的。其它办公设备相对比一般公司也是只多不少。

导师

我所在的团队“腾讯直播中台前端团队”，实行的是导师制，虽然是远程入职，但是我导师真是尽职尽责，远程入职第一天，一直带我熟悉公司的开发环境，真的非常感激。同时，能感受到导师是一位技术严谨又谦虚低调的大牛。后面我也跟导师一起做技术项目，是一个基于 serverless 的 SSR 的项目，腾讯内部称为 NGW。

业务技术

顺便说一下，我所在的团队是技术业务双轨制，也就是同时要做业务和技术需求，这点对个人成长真的很大，我入职之前完全不知道 serverless 是什么，现在能够接触各种大牛，最近还认识了狼叔和亚顿等一些大牛。

工作环境

不得不说，大厂就是大厂，早晚餐免费，健身房，娱乐室，各种公仔，住房补贴，免费班车，免费打车，高级咖啡机，下午茶，零食，团建等等该有的福利一样不会少。

必须掌握的知识点

html/CSS

1.浏览器页面有哪三层构成，分别是什么，作用是什么?

2.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

3.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?

4.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

5.请说说CSS选择器的类型有哪些，并举几个例子说明其用法？

6.请说说CSS有什么特殊性?（优先级、计算特殊值）

7.要动态改变层中内容可以使用的方法？

8.常见的浏览器兼容性问题与解决方案？

     

 javascript

1.JavaScript有几种类型？

2.JavaScript创建对象的几种方式？

3.一句话解析什么是原型链

4.JavaScript如何实现继承？

5.什么是JavaScript的闭包？有什么作用

6.new操作符具体干了什么？

React

1.你理解“在React中，一切都是组件”这句话

2.解释 React 中 render() 的目的

3.如何将两个或多个组件嵌入到一个组件中？

4.什么是 Props?

5.React中的状态是什么？它是如何使用的？

6.区分状态和props

7.如何更新组件的状态？

8.React 中的箭头函数是什么？怎么用？

9.区分有状态和无状态组件。

Vue 

1.Vue组件中data为什么必须是函数？

2.v-for与v-if的优先级？

3.Vue中子组件调用父组件的方法？

4.Vue中keep-alive组件的作用？

5.Vue中如何编写可复用的组件？

计算机基础 

1.TCP建立连接的三次握手过程

2.说一下用户从输入url到显示页面这个过程发生了什么

3.HTTP的头部包含哪些内容。常见的请求方法（我为什么要说后面的options，head，connect）

4.请求方法head特性

5.HTTP状态码，301和302有什么具体区别，200和304 的区别

6.OSI七层模型

7.TCP和UDP的区别，为什么三次握手四次挥手

简历准备 

想进腾讯这种大厂，简历是一定不能马虎的，你的简历就决定了你有没有面试的机会，如果你连简历都不好好准备，大厂又怎么敢录用你呢？大厂从来不缺优秀的人，想在这群人当中脱颖而出，简历是一定要认真对待的。

 由于篇幅问题，需要文中资料和简历模板的小伙伴三连之后点击这里免费领取

最后

很多人问博主前端开发难不难呀？我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

“路漫漫其修远兮，吾将上下而求索”，前端的路还有很长，只有不断的学习才能不被淘汰，努力了不一定有回报，但是不努力一定没有回报！