字节26校招前端二面

虽然现在真的很卷，但是不得不说，在本科层面，希望较大的还是这俩真神前端开发（用户交互层）核心定位：负责互联网产品的「用户可见部分」，解决 “如何让用户用得舒服、看得美观” 的问题，直接对接用户体验。核心职责：页面开发：用 HTML/CSS 搭建页面结构、美化样式（如网站布局、按钮设计、响应式适配手机 / 电脑）；交互实现：用 JavaScript/TypeScript 编写逻辑（如点击按钮跳转、表单提交、数据实时渲染）；性能优化：提升页面加载速度、减少卡顿（如图片压缩、代码拆分）；跨端适配：兼容不同浏览器（Chrome/Edge）、不同设备（手机 / 平板 / PC）。后端开发（数据逻辑层）核...

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的querykey11.如果你是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.它的全量预渲染是因为你的业务需要还是其他原因

先让随便讲讲，回答了react底层，fiber节点和递阶段归阶段提问为什么去学react这些render阶段怎么判断两个节点是否相等，是否需要重新渲染如果用数组的index直接作为key会怎么样高优先级怎么去打断低优先级的（随便乱说，最后才提到重点，时间片）hook是怎么存在的class react和现在hook的区别 （没答上来，直接说没用过class）hook写法的局限性手写防抖hook反问 问了组内氛围，是否有mentor带

太棒了