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

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

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

所以啊，不管怎么样，不论是什么样的大小面试，要想一举拿下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。不管面试官用的是什么测试方法，他们最终想要测试的是你解决问题的技能，所以不要纠结于细节，而是给他们一个完整的解决方案。

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

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

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

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

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

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

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

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，出去面试时先看看自己复习到了哪个阶段就好。

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

《前端开发四大模块核心知识笔记》

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

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

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

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

原文：https://www.cnblogs.com/qianduanpiaoge/p/13898045.html