小红书前端日常实习（oc）

昨天我们一起学习了原型和原型链的相关知识点，并给大家布置了代码输出题作业，不知道你有没有全部答对呢？今天，我们接着昨天的内容，详细讲解这些题目究竟输出什么，以及原因是什么第一题 function Person(name) { this.name = name } var xinyishui = new Person('前端新一水'); console.log(xinyishui.__proto__) console.log(xinyishui.__proto__.__proto__) console.log(xinyishui.__proto__.__proto__.__proto__) co...

一面 1. 多个用户同时登陆如何判断token是谁的？2.实习中遇到的挑战3.围绕项目提问4.为什么用webgl渲染，了解其他的渲染方式吗（webgpu、webusb）5.monorepo多包管理6.react的安全漏洞7.react里怎么接入vue组件（给我问懵了，说web component包装，算对）8.AI：MCP\agent智能体、知识库9.进程和线程的区别10.面向对象编程/函数式编程11.并行/并发代码：1.代码输出（事件循环）2.手撕：图片懒加载二面：1.对于美团工作的诉求2.上一份实习最大的收获（答：开发状态转变，问有没有具体case）3.项目人员配置，承担什么工作4.技术选型5.为什么选这个组件库6.什么场景会用到vibe coding7.直接用npm workspace就可以了为什么要＋lerna，解决了什么核心问题8.lerna怎么实现的多包管理9.性能优化指标怎么得出？如何实现？10.总结渲染层面的性能提升手段11.一些第三方库的底层实现原理代码：1.K个一组反转链表2.求一组数的中位数。多种实现方式

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

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