滴滴用户平台前端校招二面（已oc）

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.实现一个弹窗样式场景题，如果有一个很大的图片需要展示到前端页面，请求失败了怎么办？反问

12.3 自我介绍webworker用来干嘛的说说大文件分片上传分片机制还有什么优化空间吗(md5碰撞需要解决)虚拟列表是什么怎么实现图片懒加载首屏优化axios怎么取消请求有没有封装过组件 提取公共函数等vite工程化都干嘛了算法考数组转树反问整体节奏很舒服 算法也不算很难 面试官也很和蔼

1.请简单介绍一下你最近做的项目，或者你认为最有挑战性的一个中型项目你在其中主要扮演的角色和解决的关键技术问题是什么?2.在你的项目中，你使用了哪个前端框架(Vue/React)?请谈谈你对该框架(例如:Vue3的Composition API或 React Hooks)核心思想和工作原理的理解。3.请详细解释一下虚拟 DOM(Virtual DOM)的工作原理从数据变更到最终渲染到屏幕，整个过程经历了哪几个关键步骤?鈎脬蕁翌嘗試涌伫跪嬪帐来的性能优势主要体现在哪里?4.JavaScript 中，var、let 和 const 在作用域、提升(Hoisting)和重复声明方面有什么本质区别?请说明一下暂存死区(Temporal Dead Zone)。5.请简述一下闭包(Closure)的原理和常见的应用场景。闭包可能带来什么副作用?如何避免?6.Promise 的原理是什么?请解释一下 Promise.all()和 Promise.race()的区别晥件以及它们是如何处理链式调用中的错误捕获的?7.解释一下 HTTP 状态码 304 的作用以及浏览器是如何判断资源是否需要发送 304 状态码的?请描述一下常见的缓存策略(强制缓存与协商缓存)。8.请解释一下 BFC (块级格式化上下文) 的原理及其常见应用场景。9.你如何理解前端工程化?10.请写出一段代码，实现一个简单的数组去重函数，要求不使用 Set，并说明其时间复杂度

1.Web worker在你项目中解决哪些问题2.Web worker局限性，性能调研？3.虚拟列表怎么做的，原理4.Js基础类型5.引用类型怎么存储的6.输出结果，解释for(var i = 0; i < 10; i++){setTimeout((i) => {console.log(i);})}for(var i = 0; i < 10; i++){setTimeout(() => {console.log(i);})}7.计网七层模型，TCP，IP在哪一层8. IP协议有什么用9.子网掩码是什么意思10. ipv4 ipv6区别，ipv6中有子网掩码吗，ipv6前缀的作用11.ipv6是多少位的12. 操作系统死锁概念，四个必要条件13. 进程和线程区别14. 进程之间通信方式15.半双工含义16.虚拟dom原理17.fiber原理18. React 和vue区别19.react最新版本是什么，有什么更新20.手撕splice