前端一面 （40min）

• 自我介绍
• vue中生命周期有哪些，都干了什么事情
• 销毁的生命周期干了什么
• Vue中的data为什么是以一个函数的格式存在
• keep-alive用来做什么的，说下原理
• 组件生命周期打印顺序
• 父子组件生命周期打印顺序
• 哪个生命周期可以最先获取$el
• 哪个生命周期可以获取DOM节点
• 组件通信有哪些方法
• 路由的导航守卫有哪些，具体分别哪几类
• router和route的区别，分别有哪些属性和方法
• 路由传参
• this具体的规则
• 定时器的this指向什么
• 箭头函数有this吗
• call、bind、apply的区别
• 输出什么

setTimeout(() => {
  new Promise((resolve) => {
    resolve();
  }).then(() => {
    console.log('test');
  });

  console.log(4);
});

new Promise((resolve) => {
  resolve();
  console.log(1);
}).then(() => {
  console.log(3);
  Promise.resolve()
    .then(() => {
      console.log('before timeout');
    })
    .then(() => {
      Promise.resolve().then(() => {
        console.log('also before timeout');
      });
    });
});
console.log(2);

• for in/for of的区别
• for of怎么遍历对象
• set map有哪些方法
• 箭头函数在使用过程中应该注意的点有哪些
• 对于跨域你是如何理解的？解决跨域的方案有哪些
• 对于页面的兼容和浏览器的适配，有什么方案吗？
• 有接触过移动端吗