奇安信 前端 一二面 面经

一面 (45 分钟)

• 自我介绍
• CSS 水平垂直居中
• Grid 和 Flex 区别
• Position 有哪些值
• 聊聊 CSS3 新特性
• 聊聊 CSS3 选择器
• 页面加载时抖动怎么解决
• 聊聊媒体查询
• 防抖节流手写
• this 指向改变方法
• 箭头函数和普通函数区别
• 聊聊 Promise
• const let var 作用域
• 聊聊事件循环
• React 第三方 UI 框架用什么
• 聊聊虚拟 DOM
• 聊聊工程化
• Vite 为什么快
• Webpack plugin 和 loader 区别
• 聊聊 HTTP 缓存
• cache-control 如何禁用缓存
• 401 状态码
• 跨域时预请求状态码

二面 (45 分钟)

• 自我介绍
• React 和 Vue 的了解程度
• React state 和 props 区别
• React 如何创建组件
• 聊聊 React 的 context
• React 性能优化
• 构建工具用什么
• 聊聊实习
• TS 泛型
• TS 函数重载
• threejs 性能优化
• 函数柯里化
• JS 类型判断方法
• typeof null 为什么是 object
• 列举 JS 数组的 API
• 取数组最后一位怎么做
• 怎么学习的 JS
• 手写:
  • 一维无序 number 数组求最大值
  • 二叉树层序遍历
  • 合并两个数组, 合并 id 相同的 object 中的属性