四面腾讯与华为，大厂前端面试都问些什么问题？

深碍√TFBOYSˉ_ 2023-02-11 04:38 57阅读 0赞

今年算是经历颇多的一年了，腾讯和华为都走了几趟（一共面试了四个部门），拿了两个offer。（开心.png），但还是挂了两次，有点遗憾。

![2020052117583755.png][]

> 面试题总结

面试完之后，赶紧总结了一波，前端这个岗位，这两家大厂的面试思路和面试问题其实都差不多：

### 1. JS底层： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70][]

## ##

>  *  说一说js的原型与继承。 
>  *  分析一下优秀的前端框架源码，这么写的优缺点在哪。
>  *  this指向问题，this的深拷贝如何实现，这个也是高频率被问到的问题。
>  *  js事件流是怎么样体现的。
>  *  柯里化函数。

###  2. 数据层： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 1][]

## ##

>  *  写过中间件么？
>  *  了解koa么？
>  *  数据安全是怎么处理的。
>  *  axios 与 fetch的实现。

### 3. HTTP相关： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 2][]

>  *  跨域问题的产生与解决。
>  *  http1.1时如何复用tcp连接。
>  *  http2.0新的变化。
>  *  http报文的请求分成几个部分？
>  *  前端与后台交互的时候会产生几次握手，分别做了什么？

### 4. 框架： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 3][]

>  *  说一说vue的源码的响应式与数据驱动，主要是问原理。
>  *  Vue与react的区别在哪，这个也是问底层实现。
>  *  虚拟dom、diff算法等等，基本没问到过怎么去使用。
>  *  像组件传值啥的没提过。还有就是路由的管理
>  *  有没有封装过组件库，
>  *  dev-server是怎么跑起来的。

### 5. 服务端与工具 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 4][]

>  *  主要是Node的问题，有没有拿node做过中间层。
>  *  Node的线程处理、事件循环。
>  *  这个主要就是 webpack 与 babel 的配置，如何配置能提高项目运行速度与项目打包的速度，另外还问了Gzip服务端压缩。

### 6. 项目优化 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 5][]

>  *  移动端首屏怎么做优化。
>  *  transform与marginLeft，这个就是问回流与重绘了。
>  *  大图加载优化，
>  *  react项目的整体优化，
>  *  动画卡顿是如何造成的，该怎么去优化。

### 7. CSS ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 6][]

>  *  flex布局问的最多，元素居中对齐最快的方式是什么？
>  *  盒子模型问了一次
>  *  内边距与外边距的区别（作用的对象不一样，一个是本身一个是别的元素）

### 8. 算法 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 7][]

>  *  一个字符串里出现最多的字符是什么，以及出现次数，这是华为的面试题，据说经常问，这个我答出来了。
>  *  腾讯问了一个洗牌算法和数组去重。
>  *  二叉树

### 如何应对？ ###

前端主要是知识面太广，杂七杂八，但其实冷静分析一下，也就五大块。图片分析奉上：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 8][]

### FAQ ： ###

1. 以上是个人的经历、与朋友的总结，不一定百分百对，但是含金量挺高的。

2. 希望能帮到大家，如果对大家有帮助，欢迎评论转发（整理了好久，吐血.jpg）

3. 面试成功了，或者面试题中标了可以来下面扣波666~。

[2020052117583755.png]: https://img-blog.csdnimg.cn/2020052117583755.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200521181113643.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200521182653641.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200521182856702.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2020052118302146.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200521183114907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200521183836658.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200521183757549.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200521184238771.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200521184802581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70