艰难一年经验腾讯前端面经分享

写在前面

笔者原来在北京360企业安全工作，当时因为大学四年的学业是在北京完成的，所以就顺势通过校招在北京工作了。但家里是南方的，对南方的饮食和生活习惯更加喜欢一些，所以对深圳广州的公司特别是腾讯觊觎已久，所以就在今年8月中旬左右开始准备面试，经历了一个多月的面试流程，在10月中旬喜提深圳腾讯的offer，现在已经入职快三个月了。在准备面试的过程中，在网上看了很多面经，对自己有非常大帮助。暂且在这里写下自己的面经，希望对现在准备面试的同学有些许帮助吧。

一面（电话面）

合并两个数组
内存泄漏
闭包
面向对象理解
函数式编程理解
斐波那契数列？怎么优化？
http和https区别
https建立的过程
对微服务有什么了解？
从数组中找出三数之和为n

二面（电话面）

对设计有研究吗
红色适合搭配什么颜色，忌讳搭配什么颜色
vue和react的区别
react fiber架构的理解
实现一个css框架你有什么思路吗
二分查找的时间复杂度怎么求？
看过算法导论吗
对图有了解吗
http建立连接过程，为什么不是四次或两次握手
做软件管家是怎么分析需求的？最大收获是什么？现在翻盘想想有什么做的好的地方，和可以改进的地方？
天擎的权限管理是怎么做的？
天擎样式是怎么划分的？
对未来的规划
为什么想来深圳工作
为什么毕业不直接来深圳工作
以后对全栈有兴趣吗
对c++，go有了解吗

三面(现场面)

前端未来规划？
3年之后的规划？
有明确的想从事的路线吗？to B？to C？全栈？
node主要用来解决什么问题？
node做BFF的优点是什么？
对项目监控这块有什么了解吗？
对微服务有了解吗
聊一聊docker？
当时什么从事前端？
整个学习历程是什么？
介绍部门团队的情况

问面试官的问题：

现在部门采取的前后端技术栈是什么？当时项目为什么需要重构呢？是原来的架构遇到了什么问题吗？
如果有幸加入贵公司，我会负责什么内容？您对我的期望是什么？

四面（总监面）

5g时代的来临对前端有什么机遇与挑战？
Html4，html5是建立在http上的，http的下一代要解决什么问题？
对现在主流前端框架的看法？
看你有github，你一般在github上做什么呢？
github看过什么关于前端项目的源码？
向什么源码提过pr？
restful接口架构的优缺点？
restful接口架构会导致什么安全问题，具体怎么解决？
团队合作有遇到过分歧吗？最后是怎么解决的？有什么事例最后是采取你建议的解决方案？
你印象中觉得腾讯工作形式是什么方式呢？
为什么想从360离职？

总结

感觉在面试过程有一些问题问的挺有深度的，自己准备并不是很充足，回答得也不是很完善，但最后还是顺利得拿到了offer，开心地回到了南方。

我在面试前准备了很久，刷了很多大厂面试题，无偿分享给大家，算是一个感恩回馈吧。

HTML 和 CSS

简述一下 src 与 href 的区别。
知道的网页制作会用到的图片格式有哪些？
知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次 js请求一般情况下有哪些地方会有缓存处理？
一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
你如何理解 HTML 结构的语义化？
谈谈以前端角度出发做好 SEO 需要考虑什么？
有哪项方式可以对一个 DOM 设置它的 CSS 样式？
CSS 都有哪些选择器？
CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？
超链接访问过后 hover 样式就不出现的问题是什么？如何解决？
什么是 Css Hack？ie6,7,8 的 hack 分别是什么？
请用 Css 写一个简单的幻灯片效果页面
…

JS 基础

JavaScript 的数据类型都有什么？
已知 ID 的 Input 输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)
希望获取到页面中所有的 checkbox 怎么做？(不使用第三方框架)
设置一个已知 ID 的 DIV 的 html 内容为 xxxx，字体颜色设置为黑色(不使用第三方框架)
当一个 DOM 节点被点击时候，我们希望能够执行一个函数，应该怎么做？.
闭包是什么，有什么特性，对页面有什么影响
如何阻止事件冒泡和默认事件
添加删除替换插入到某个接点的方法
javascript 的本地对象，内置对象和宿主对象
document load 和 document ready 的区别
””和“=”的不同
javascript 的同源策略
编写一个数组去重的方法
…

由于内容过多，如需获取完整面试题+解析可以【点击我】免费获取。

JS 高级

ECMAScript6 怎么写 class 么，为什么会出现 class 这种东西?
异步加载的方式有哪些？
documen.write 和 innerHTML 的区别?
DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?
call() 和 .apply() 的含义和区别？
数组和对象有哪些原生方法，列举一下？
JS 怎么实现一个类。怎么实例化这个类
JavaScript 中的作用域与变量声明提升？
如何编写高性能的 Javascript？
那些操作会造成内存泄漏？
javascript 对象的几种创建方式？
javascript 继承的 6 种方法？
eval 是做什么的？
JavaScript 原型，原型链 ? 有什么特点？
事件、IE 与火狐的事件机制有什么区别？如何阻止冒泡？
简述一下 Sass、Less，且说明区别？
关于 javascript 中 apply()和 call()方法的区别？
…

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 当中的指令和它的用法
vue中子组件调用父组件的方法
vue中父组件调用子组件的方法
vue页面级组件之间传值
说说vue的动态组件
keep-alive内置组件的作用
…

HTML5 CSS3

你能描述一下渐进增强和优雅降级之间的不同吗?
为什么利用多个域名来存储网站资源会更有效？
请谈一下你对网页标准和标准制定机构重要性的理解。
请描述一下 cookies，sessionStorage 和 localStorage 的区别
如何区分： DOCTYPE 声明\新增的结构元素\功能元素
语义化的理解？
HTML5 的离线储存？
写出 HTML5 的文档声明方式
HTML5 和 CSS3 的新标签
自己对标签语义化的理解
…