双机位面试

1.介绍实习时的团队背景（规模、负责方向）及自身在团队中的角色、与mentor的工作2.团队应用场景，以及哪些业务会使用该组件3.对比团队组件库与其他组件库的差异或优势4.在组件库研发过程中遇到的最难问题5.从接到问题到上线收尾的耗时及各阶段时间分配6.基于现有前端开发经验，若再遇到类似的问题，会在哪些环节节点提升效率、更有章法7.对比做B端与C端开发在感受上的最大差异8.实习经历分享最满意的点和没那么满意的点9.为何选择移动互联网及前端开发方向。10.前端技术栈方向上独立学习进步最大的时间段11.规划工作1-3年内希望成长为怎样的人12.秋招时为何投递小红书

1. threejs优化，比如有一千个物体正在渲染，屏幕出现卡顿，如何优化？平时用threejs，但没深入学，完全不知道。补充3：使用threejs的时候遇到了那些困难，怎么解决的？压根没想到会问threejs，没准备，乱说一气。2. 垂直居中的方法。补充2：flex: 1的含义3. ES6特性4. 箭头函数的特性5. map和set6. 普通去重。7. 对象去重。想了半天用toString没写出来，最后考官提示了下对象比较，想起来stringfy了。补充1：跨域和解决方案。8. React的渲染机制9. React的虚拟DOM10. React的fiber节点。11. React16fiber节点的相比之前的区别。不知道对不对，记得16之前渲染不可中断，16换了fiber可以中断了。12. 常用的hook13. useEffect的作用14. useEffect依赖数组分别为无、空、有的效果。无没说上来15. useState里的setter更新是异步还是同步，原理是什么。补充4：React中key的作用，为什么不能用index作为key值？16. 讲下事件循环17. 两个事件循环的题，一个简单，一个难。难的那个没说对，大约是：let p1 = new Promise((resolve) => {console.log(1); resolve("output1")});let p2 = p1.then(value => {console.log(2); console.log(value)});console.log("p1", p1);console.log("p2", p2);18. 实现Promise.all。提醒了很多次，还是错了不少地方，最后测试案例写的有问题。平时没用过promise，直接console.log返回结果，只能打印出pending，想了半天没想到then方法打印。Promise.resolve写成new Promise.resolve，考官提示是静态方法。反问：1. 技术栈，考官说Vue和React都有，员工都会用。2. 几次面试，考官说技术面有3次。回答的一般，几个手写的都有点问题，外加只会React，感觉应该是没戏了。

1.讲一讲最近写的项目2.react如何开发一个组件3.为什么visual dom性能好4.为什么技术选型中用的是zustand5.对比redux context 和 zustand6.react中都用过哪些Hooks7.讲一讲useEffect8.useEffect和useLayoutEffect的区别，它们中的同步执行和异步执行都具体指的什么9.讲一下重绘和重排10.如何避免重排重绘11.for in 和 for of的区别12.实现元素水平垂直居中有哪些方案手撕1.统计在一个固定时间段内访问页面的次数的人数，输入多个对象{id, 访问时间}，输出｛访问次数，人数｝2.实现一个弹窗样式场景题，如果有一个很大的图片需要展示到前端页面，请求失败了怎么办？反问

自我介绍：聚焦学校课程，个人技能，比赛，绩点排名介绍一下flex布局，以及具体有那些属性有什么作用假设一个父组件width1000px设置display：flex，他的三个子组件设置width分别为100，200，300，子组件怎么排列如何给组件添加点击事件？事件捕获和事件冒泡是什么？addEventListener中传入的回调的参数是什么，event对象，addEventListener第三个参数如果是一个对象是什么意思常见http状态码http缓存阐述实习所做的难点vue3的生命周期以及每个阶段可以做的事情路由守卫watch和computed的区别computed相关场景题知道哪些设计模式手写EventBus如何学习前端的已挂