字节26校招前端一面

1.这段代码的执行顺序是什么样的?
console.log('start')
setTimeout(() =>{
console.log('timeout');},0);
Promise.resolve().then(() => { console.log('promise 1');});
Promise.resolve().then(() =>{
console.log('promise 2');
});
console.log( 'end');
2.实现一个工具类型DeepReadonly，能将对象及其所有嵌套属性变为只读。
3.如果写一个非嵌套的Readonly类型，将对象里面所有字段都变成只读，该如何实现?
4.TypeScript声明接口如何保证类型的安全?请结合一个请求API的场景进行说明。
5.使用 Lodash 根据id字段去除数组中重复的对象，实现一个函数。
6.实现一个 parseQuery函数，输入一个query 字符串(例如:?name=Alice&age=20&city=Beijing)，返回一个对象{name: 'Alice', age: '20', city:'Beijing’}。如果query参数中出现重复的key，value变成数组。
7. React 18 有个新特性叫做ConcurrentFeatures，有了解吗?
8.如果在 React的主线程中使用了useeffect更新之后，紧接着去访问这个state，但拿到的值还是旧值，你怎么去解决这个问题?
9.你使用过 React Query吗?
10.如果说你要从服务端拉取分页列表，你会怎么设计React Query的querykey
11.如果你是React Query的开发者或设计者，你怎么去
理解queryKey的这种 API 的设计?为什么要设计这个API?
12.假设有一个渲染大量数据的列表，每一项都支持复杂的拖拽排序和编辑，你怎么去优化
13.你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排?
14.如果在一个多人协作的项目当中，每个人的ESLint和 Prettier 习惯不太一样，怎么办
15.怎么解决 ESLint的规则和Prettier的规则的桥接工作的?
16.如果在一个项目中开发到一半，或者是一个人接手别人的项目，然后你开启了Ts严格模式一些老代码出现了大量的报错，作为负责落实这个严格模式的工程师你要怎么去推进这件事情?
17.请用 Framer Motion来实现一个点击的按钮，点击之后放大并改变颜色的效果
18.如果你在React项目当中实现了大量元素的入场过渡动画，如何避免卡顿
19.如果你用FramerMotion的时候，还有没有什么其他的方法来解决大量元素入场动画的卡顿问题
20.微信小程序和React Native Web应用在生命周期管理有什么差异
22.看你之前在银行的项目中使用了Next.js，为什么要选择Next.js?出于什么考虑呢
23.它的全量预渲染是因为你的业务需要还是其他原因