“ 最近会陆续更新几篇大厂面经,均出自团队里的一位小伙伴之手,最近小伙伴刚经历了一波面试,顺利的拿到了美团和蚂蚁的offer. 简单介绍一下他的背景供大家参考, base 北京, 6年前端开发经验.”

一面

首先介绍了一下项目，问了性能优化做过哪些工作，围着优化的手段问了一些问题：

• 图片如何优化的 ?

• 相关动画的场景如何优化?

• SSR的流程

• 预渲染都做了哪些工作

• 如何开始GPU加速

接着开始了一些基础的问题：

1 keepalive的原理 ，使用有什么问题？

2 watch和computed 的区别，执行顺序，相关原理介绍一下

3 介绍一下vdom，vue3.0如何做的优化。

4 http2.0有什么特性，跟http1.0有什么区别，多链路复用的原理是什么

5 cookie,session,localstorage,sessionstorage有什么区别

6 flex布局相关

7 闭包，已经相关的使用场景

8 如何判断一个数组

9 原型和原型链，简述，用来做什么

10 箭头函数和普通函数的却别，this指向的改变。

11 在babel转换代码的过程中，如何处理this 11，for in和for of的区别

12 promise和async await的区别，你认为的最佳的异步解决方案是什么

13 promise.all解决了什么问题，如何处理错误请求，是如何实现的

编程题1

const arr = [1, 2, 1, 2, ‘1’, ‘1’, ‘2’, ’2’, 1, ‘2’, '2’, 4, 5, 6 ] 找出这个数组中出现次数最多的一项及这一项出现了多少次

编程题2：

fn(arr, n, num) arr是一个数组，n 表示在这个数组中找出n个项，num表示在这n个项相加和为num

二面

1 vue是如何做到响应式数据绑定的 ？

2 diff算法，时间复杂度，vue是如何做的优化

3 vue中使用了哪些设计模式 ，你平时工作中都会用到哪些，模块设计是怎么做的

4，浏览器长列表渲染为什么会出现白屏，app端为什么没有？相关优化做过哪些？

5，浏览器页面的渲染流程是怎么样的？css会阻塞渲染么 ，js为什么会阻塞渲染？

6，回流和重绘机制，对性能有什么影响

7，js的执行顺序，如何做到异步加载资源

8，返回最长回文字串（暴力破解的 ，能否优化？动态规划）

最后

      这次爱奇艺的面试只经历了两轮,问的问题还算比较常规.还是那句话不打无准备之仗,面试之前一定要多刷题,把那些比较常规的面试题好好准备,剩下的靠自己的临场发挥.如果大家想找一些全面系统的前端面试题,再次安利我们团队开发的微信小程序前端面试题宝典去刷题,600多道前端面试题包罗万象,可以助你一臂之力.

     目前这篇面经的作者已经收到了美团和蚂蚁的offer,美团四轮面试面经也欢迎大家的访问,其他公司的面经有时间也会整理出来分享给大家,希望能对大家有所帮助.