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

218 阅读7分钟

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

html5

开源分享:docs.qq.com/doc/DSmRnRG…

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 有什么区别?

文末

js前端的重头戏,值得花大部分时间学习。

JavaScript知识

推荐通过书籍学习,《 JavaScript 高级程序设计(第 4 版)》你值得拥有。整本书内容质量都很高,尤其是前十章语言基础部分,建议多读几遍。

前端电子书

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外,大推一个网上教程 现代 JavaScript 教程 ,文章深入浅出,很容易理解,上面的内容几乎都是重点,而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多,二者结合,定能构建你的 JavaScript 知识体系。

面试本质也是考试,面试题就起到很好的考纲作用。想要取得优秀的面试成绩,刷面试题是必须的,除非你样样精通。

这是288页的前端面试题

288页面试题