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

ゝ一世哀愁。 2023-01-03 04:59 242阅读 0赞

![581ea5fb4fba466950cd1f51c31d22a5.png][]

## 写在前面 ##

笔者原来在北京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 写一个简单的幻灯片效果页面
 *  …

![3470706560a2903c64b6b3c602347924.png][]

### JS 基础 ###

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

![38d1dbae838d5ff70f629a1af7c0a600.png][]

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

### JS 高级 ###

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

![7453cb0dc7758245b27ab5954412e9a1.png][]

### 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内置组件的作用
 *  …

![957eff134822f0f6d96561a3bdbe289f.png][]

### HTML5 CSS3 ###

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

![97f68e87d3e7fe8f0f193600308d805b.png][]

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

[581ea5fb4fba466950cd1f51c31d22a5.png]: /images/20221119/77265538b89d425a9a7af2677f82346b.png
[3470706560a2903c64b6b3c602347924.png]: /images/20221119/f07ac40efa624a7386a490b89076fcae.png
[38d1dbae838d5ff70f629a1af7c0a600.png]: /images/20221119/77c5f054557542f9868d08aa38f175e0.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=ZEKfV3Ax
[7453cb0dc7758245b27ab5954412e9a1.png]: /images/20221119/9724b5a209184bbf884311ce2d0b8f72.png
[957eff134822f0f6d96561a3bdbe289f.png]: /images/20221119/39d4af4e8dc243aa98309f17b644dbda.png
[97f68e87d3e7fe8f0f193600308d805b.png]: /images/20221119/521735a72cf14c488859a8cc6e5751f3.png