腾讯两轮前端面试被完虐，一份腾讯面试官给你的技术面试指南，请查收！

- 日理万妓 2022-11-21 01:28 207阅读 0赞

大家应该看过很多分享面试成功的经验，但根据幸存者偏差的理论，也许多看看别人面试失败在哪里，对自己才更有帮助。

最近跟一个朋友聊天，他准备了不到一个月，刚刚参加完腾讯面试，第二面结束后，嗯，挂了…

所以啊，不管怎么样，不论是什么样的大小面试，要想一举拿下offer，只有刷爆面试题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流~

## 腾讯前端面试凉经：凉的好爽 ##

### 一面： ###

10月9日下午  
电话面（45分钟）面试官应该是广东人，口语听起来很亲切  
1.vue mvvm  
2.js 闭包是什么，什么作用  
3.css rem是什么 自适应怎么写  
4.左固定，右自适应  
5.网络 请求的过程  
6.缓存细节，api  
7.get post区别  
8.tcp udp区别  
9.优化 重绘重排  
10.图片优化  
11.dom碎片  
12.后端 node写服务器  
13.php处理前端请求

### 二面： ###

10月12日下午3点  
电话面（30分钟）  
1.自我介绍  
2.项目介绍，怎么学  
3.get和post请求区别  
4.url最长有多少  
5.xss攻击的了解  
6.页面加载很慢，图片优化，图片较大可以存在缓存里吗  
7.求数组第k大，用冒泡的话时间复杂度是多少，如果数组很长呢  
8.http请求详细过程  
10.前后端用户身份信任  
11.前后端鉴权？  
12.最近面试过哪些公司  
13.未来几年的工作和学习计划

**死亡“不会”：**

1.uuid听过吗  
2.react会吗  
3.数据库会设计吗  
4.node懂多少

小结：面试官考察的问题都是些常见且重要的，一个问题纵向解构会问出很多其他深入问题，直到答不上来为止，个人感觉面试官这边是没有期望的答案的，不会说，噢，你答对了我想要的点，可以，下一个问题。而是：嗯，这个问题过了，是时候把下一个问题抛出来了。最后，主要原因还是自己比较菜，基础知识不牢固所致。望大家不覆前车之鉴，明年再来！

## 腾讯的技术面试攻略 ##

面试不容易，所谓的技术面试就更加有难度了。技术面试是一个双向考察和选择的过程，所以面试时大部分考官都会把这当成和候选人的一次沟通。那这个拿下Offer前的拦路虎要如何攻克呢？今天我就讲讲技术面试的终极攻略，从面试前到面试中，全都给你准备好了。

### 面试前： ###

俗话说“机会是留给准备好的人的”，越早准备越好，多刷刷LeetCode和剑指offer。可以按照这样一个方法和思路，挑一个问题问自己，写出你的解决策略，然后在白板上写下你的思路。当你发现你的思路越来越清晰时，那么你在面试中吃螺丝的可能性也就会小很多了。如果你想加强你的抗压性，不妨找你的朋友或学长问你问题，制造一个模拟的面试环境。

### 面试时： ###

从你面试开始的那一刻起，你就要准备好回答各种各样的问题。比如说你的面试官可能会让你展示给他看你怎么解决一个问题，又或者他们会打开自己的电脑让你知道他们如何create code。不管面试官用的是什么测试方法，他们最终想要测试的是你解决问题的技能，所以不要纠结于细节，而是给他们一个完整的解决方案。

## 面试腾讯需要储备哪些技术知识呢？ ##

很多人准备面试的时候，大多数就会这样的，打开百度，输入 “前端面试题”，找几个多的开始看。

这虽然看起来很自然，但是并不是一种健康的方式，网上的面试题太多太杂乱了，不仅影响学习效率，而且还不能形成一个知识体系。

知乎上有个问题，叫做如何高效学习，里面有一个回答我觉得很符合我自己的观点，就是建立起自己的知识体系，建立知识体系的目的在于：

*  巩固记忆。
 *  认识自己，找到自己的优势及不足。
 *  把握复习的进度。
 *  经验总结

对于腾讯高频出现的面试题，我做了一个整理，由于题目太多，只展示了一部分：

**如有需要下面的面试题和学习路径的可以[【点击我】][Link 1]免费领取。**

## HTML: ##

*  你是怎么理解HTML语义化
 *  你用过哪些HTML5标签
 *  meta viewport 是做什么用的，怎么写
 *  label标签的作用
 *  行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
 *  a标签中 如何禁用href 跳转页面 或 定位链接
 *  canvas在标签上设置宽高 和在style中设置宽高有什么区别
 *  你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
 *  iframe有哪些缺点？
 *  HTML5新特性
 *  HTML5离线储存
 *  浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
 *  Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
 *  HTML与XHTML——二者有什么区别  
    …

## CSS: ##

*  页面渲染时，dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：
 *  ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法如下：
 *  几种获得宽高的方式 :
 *  拓展各种获得宽高的方式 :
 *  边距重叠解决方案(BFC) BFC原理
 *  css reset和normalize.css有什么区别
 *  居中方法：
 *  css优先确定级:
 *  如何清除浮动：
 *  自适应布局：
 *  link @import导入css:
 *  长宽比方案:
 *  display相关:
 *  CSS优化：
 *  CSS开启GPU加速
 *  开启GPU硬件加速可能触发的问题：
 *  CSS中link与@import的区别：
 *  CSS选择器列表优先级及权重：
 *  display:none和visibility:hidden的区别：
 *  position的absolute与fixed共同点与不同点：
 *  介绍一下CSS的盒子模型：
 *  CSS选择符有哪些？
 *  哪些属性可以继承？
 *  优先级算法如何计算:  
    …

## JavaScript： ##

*  请你谈谈Cookie的优缺点
 *  Array.prototype.slice.call(arr，2)方法的作用是：
 *  以下代码执行后，控制台的输出是：
 *  简单说一下浏览器本地存储是怎样的
 *  原型 / 构造函数 / 实例
 *  原型链：
 *  执行上下文(EC)
 *  变量对象
 *  作用域链
 *  闭包
 *  对象的拷贝
 *  new运算符的执行过程
 *  instanceof原理
 *  代码的复用
 *  继承
 *  类型转换
 *  类型判断
 *  模块化
 *  防抖与节流
 *  函数执行改变
 *  ES6/ES7
 *  AST
 *  babel编译原理
 *  函数柯里化  
    …

## 框架Vue ##

*  vue.js的两个核心是什么？
 *  vue 的双向绑定的原理是什么？
 *  vue生命周期钩子函数有哪些？
 *  请问 v-if 和 v-show 有什么区别？
 *  vue常用的修饰符
 *  nextTick
 *  什么是vue生命周期
 *  数据响应(数据劫持)
 *  virtual dom 原理实现
 *  Proxy 相比于 defineProperty 的优势
 *  vuex
 *  vue中 key 值的作用
 *  Vue 组件中 data 为什么必须是函数？
 *  v-for 与 v-if 的优先级
 *  说出至少 4 种 vue 当中的指令和它的用法  
    …

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》  
![b6ecb2c71421efff2a0cd1db5a9d4251.png][]

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

**如有需要上面的面试题和学习路径的可以[【点击我】][Link 1]免费领取。**

[Link 1]: https://jq.qq.com/?_wv=1027&k=WrUXpRCL
[b6ecb2c71421efff2a0cd1db5a9d4251.png]: /images/20221120/783a8d10d92f42f688c9dbdfb89a84d0.png