2023.01.10 旷视科技

一面

• 自我介绍
• 平时怎么学习前端的
• 有学过vue3吗
• 讲一下vue2的技术点，平时怎么用的
• 组件数据传递方式
• props 子组件可以修改值吗
• 不用emit方法，子组件可以修改父组件的数据吗
• 组件跟插件的区别
• 有用过nextick吗
• 有封装过组件吗
• 写一个简单的ajax调用
• get请求的数据放在哪里
• post请求数据放在哪里
• post请求需要添加额外请求头吗，写一下
• onreadystatechange是干什么的
• http状态码
• 将一下304和浏览器缓存
• 点击页面刷新跟f5强制刷新会使用缓存吗
• cache-control有哪些属性值
• no-cache 和 no-store分别代表什么
• 封装上面写到的ajax调用

function request(option) {
  const origin = {
    method: "get",
    url,
  };

  Object.assign(origin, option);
  xhr.open(origin.method, origin.url);
  if (origin.method.toLowerCase() == "post") {
    xhr.send(JSON.stringify(origin.data));
  } else {
    xhr.send();
  }

  xhr.onreadystatechange = function () {
    if (xhr.readyState >= 200 && xhr.readyState < 400) {
      if (option.success) {
        option.success(xhr.response);
      }
    }
  };

  xhr.onerror = request.fail;
}

• 有了解过bfc吗
• bfc解决了什么问题，举一些例子
• 外边距塌陷
• flex有哪些属性
• flex:1 代表的是什么
• 手写水平垂直居中的方式
• 写一下子盒子宽高不确定的情况
• translate属性
• 一道变量提升的题
• const一般用来干嘛
• const 改变一个obj属性会发生什么
• 使用es6方式对数组去重

const res = new Set([1, 2, 1, 3]);
console.log([...res]);

• ['1', '2', '3'].map(parseint)输出什么
• 讲一下promise，项目中哪些用到了promise
• promise里面报错了外面用try cache可以捕获的到吗
• 一面面完直接二面

二面

• 自我介绍
• 可以实习多久
• 项目中前端主要做了什么
• 你在项目中都做了什么
• 讲一下项目中比较复杂的功能
• 项目中有使用组件库吗
• 任务是怎么安排的
• 前端有几个人
• 有进行一些组件或函数的封装吗
• 你有参与封装吗
• 说下css布局
• flex水平垂直居中
• 项目中使用到的es6语法
• 一周能实习5天吗
• 平时如何处理git冲突的
• 如果分支合并错了怎么办
• 多行表头如何封装
• 反问