拼多多服务端面试

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

ps: 也是好起来了，居然能面大厂，还以为这辈子都面不了大厂了，哈哈哈哈哈。先体验一下大厂的感觉再说，过不过已经无所谓了。 一面 时间： 2025-11-16  介绍一下项目经历和设计以及你负责的工作 工作过程中涉及到数据的流入和流出吗？ 数据库底层存储原理了解过吗？ 说说Redis的数据结构以及他们一般的使用场景 Redis集群的可用性有了解过吗？ Redis的Cluster有了解过吗？ Cluster的每个槽存多少个Key了解过吗？ MySQL单表行数一般最多存储多少？ 为什么MySQL单表存储2000万是上限？ 消息队列的使用场景？ 消息队列的架构有了解过吗？ 消息队列扩容，怎么检测到新...

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.React 和 Vue 在底层实现上的核心差异2.为什么有的大公司选择react3.JWT缺陷4.有哪些更较健壮的登陆机制5.登录后 Token 的安全存储6.Token 的cookie泄露怎么办7.怎么知道cookie泄露8.如何识别短时间内高频次请求敏感接口的行为9.浏览器本地缓存机制10.sessionStorage 和内存缓存的区别11.service worker和web worker的区别以及使用场景12.Service Worker 实现离线访问，去离线的理解13.PWA14.计算机进程和线程的区别15.串行 并行 同步 异步的区别16.同步队列  串行队列 等等跟线程的关系17.锁18.多线程安全问题19.如何使用锁，给谁加锁20.三个线程 如何让加锁21.meta标签有哪些属性22.meta标签 name=viewport的作用23.如何监听浏览器到底部24.addEventListener监听如何实现25.平时你怎么学习前端的手撕：两数之和