字节data广告前端三面面经（已OC

字节秋招正式批 data广告前端，已OC，许愿意向书，许愿offer~

一面（1h）8.14

自我介绍

eventBus的原理

vuex的原理

• 五个模块

$nextTick的作用，和setTimeout的区别，谁先执行

• 在下次 DOM 更新循环结束之后执行延迟回调

vue-router的原理、几种模式

• 主要说怎么实现URL改变不跳转页面

• 怎么监听URL的改变

flex布局的属性介绍

项目优化

动画属性、动画优化

XSS和CSRF

cookie和session的区别

算法题：

• 台阶

• 根据路径得到结果：

  • data = {a: {b :[{},{c:0]}}

  • "a.b.1.c"

  • 结果为：0

二面（50min）8.18

自我介绍

vue-router的三种模式

css文字渐变

• gradient

• 知道mask-image吗？（emmmm，不记得了

flex

• 介绍flex

• flex-basis、width、max-width的优先级

nextTick应用场景，和setTimeout的区别（一面问过）

事件循环及其原理（应该是执行栈，任务队列这些

• 两个题目：解释为啥

 async function a(){
  console.log(1)
}
async function b(){
  await console.log(2)
}
function c(){
  console.log(3)
}
a()
b()
c()
//1 2 3

new Promise(()=>{
  console.log(1)
  return new Promise(()=>{
    console.log(2)
  })
})
setTimeout(()=>{
  console.log(3)
})
// 1 2 3

编码题：

• 数组扁平化

• 实现ES6的继承

场景题：

• 实现一个retry(fn，count，timeout，delay)

先是实现一个retry(fn，count，timeout），然后写完又加了一个参数delay，然后写完问我觉得自己写的有啥问题吗，，，我觉得没毛病呀，然后我思考了片刻，面试官说好的，没啥问题，，，然后这一题就过了。

三面（35min）8.23

介绍项目（说使用的技术以及有哪些亮点、你做了哪些）

其中一个是怎么做的(问得很细很细)

有没有想过会有什么样的问题，有没有什么解决方案

移动端适配方案

兼容性问题解决了哪些

vue双向绑定的原理

vue中对数组的特殊处理了解吗