2024-2-19 字节商业化 二面 过

问

• 自我介绍
• 项目：odin 低代码
  • 有没有自己封装组件：用的 element 的
  • 画布定位：相对和绝对，放大怎么办？
• 实习：性能优化、协作方式、需求评审开发
• Vue
  • Vue2 和 Vue3 的区别
  • 响应式，v2 对数组怎么处理的：原型链改写，还深问了是哪些方法。
  • v3 有哪些 hooks
  • 异步组件了解吗，怎么用
• CSS 布局有哪些
  • flex、grid
  • 了解 sticky 吗？ 知道用的不多，所以后面就不怎么问 css 了
• Promise 的状态还有方法
• TS 了解多少、enum 咋用
• setTimeout 一定准嘛，怎么实现精准的
• 手写模版字符串，思路对，正则不咋熟没写出来

let infos = {
  name: 'xiaoming',
  age: 23,
  city: 'beijing',
  school: 'PKU',
}

toTmplString('my name is ${name},I am ${age} years old', infos)

function toTmplString(str, infos) {}

• 对象中的 key 的排列顺序，需要了解

const obj = {}
obj['b'] = 100
obj['a'] = 33
obj[2] = 0
obj[1] = 10

console.log(obj)

• 判断输入的数组是不是全组合，比较复杂 🥸
  • 说时间复杂度、性能优化

function isFullCombination(data) {}
const inputData = [
  { 字段1: '甲', 字段2: 'a', 字段3: 1 },
  { 字段1: '甲', 字段2: 'a', 字段3: 2 },
  { 字段1: '甲', 字段2: 'a', 字段3: 3 },
  { 字段1: '甲', 字段2: 'b', 字段3: 1 },
  { 字段1: '甲', 字段2: 'b', 字段3: 2 },
  { 字段1: '甲', 字段2: 'b', 字段3: 3 },
  { 字段1: '甲', 字段2: 'c', 字段3: 1 },
  { 字段1: '甲', 字段2: 'c', 字段3: 2 },
  { 字段1: '甲', 字段2: 'c', 字段3: 3 },
  { 字段1: '乙', 字段2: 'a', 字段3: 1 },
  { 字段1: '乙', 字段2: 'a', 字段3: 2 },
  { 字段1: '乙', 字段2: 'a', 字段3: 3 },
  { 字段1: '乙', 字段2: 'b', 字段3: 1 },
  { 字段1: '乙', 字段2: 'b', 字段3: 2 },
  { 字段1: '乙', 字段2: 'b', 字段3: 3 },
  { 字段1: '乙', 字段2: 'c', 字段3: 1 },
  { 字段1: '乙', 字段2: 'c', 字段3: 2 },
  { 字段1: '乙', 字段2: 'c', 字段3: 3 },
]

反问

• 上班时间
  • 10:30 到，12 - 14 午饭午睡，正常 20:30 - 21:00 下班
• 部门技术栈
  • 在向 Vue 转化，有自己内部的微前端等
  • 还在开发 IDE 插件、类似组件库
• react 和 vue 开发体验
  • react 爽 😆
  • 生态 vue 不如 react
  • 而且有人 template、h 函数、jsx 混着写

思考

• CSS 没有怎么问，我说我用的不多，但是估计下次可能会问到，多学学
• 计网没问，得复习
• 算法题没出，继续学，学的复杂度分析派上用场了 🤣
• 浏览器原理也没有怎么问，还得看
• Promise 回答不够全，只说了状态以及几个方法，需要学手写
• vue2 和 3 的区别回答不够完善，需要补一下