百度搜索前端二面面经

笔试时间：2025年10月19日往年笔试合集：2023春招秋招笔试合集2024春招秋招笔试合集第一题在游戏中，主人公 Tk 有一个长度为 n 的数组 a[1], a[2], ..., a[n]；他将一个数组称为令人心动，当且仅当该数组的最大值不超过最小值的两倍，即 max(a[1], a[2], ..., a[n]) ≤ 2 × min(a[1], a[2], ..., a[n])；为了让自己的数组变为令人心动，他可以进行以下操作多次，直到满足条件：选择一个元素 a[i]，并选取两个正整数 x, y 满足 x + y = a[i]，将 a[i] 删除，并将 x, y 插入数组中；请你计算使数组...

1.说一下开网店写前端的经历2.讲一下本科时候竞赛如何做可视化的渲染优化（从数据策略以及JS代码层面）3.说一下实习做的业务4.为什么需要node层 以及node层做了什么5.讲讲服务端渲染流程、场景以及如何JS接管6.微前端框架实现大概思路7.微前端如何去做样式隔离以及JS变量隔离以及子模块如何跟基座之间完成通信8.讲讲node端的事件循环以及跟浏览器区别9.讲讲跨域相关及CDN编程题1.状态提升以及原型链以及箭头函数 看代码写输出2.找第K大元素

1. 自我介绍 2. 八股 - 一个和promise相关的场景题 - react hooks - react router 3. 项目 4. 其他 - 个人规划 - ai使用 面试官特别好，很细心也很耐心，不会的内容会进行引导、解答，还会给出学习建议。面试时长约55min，很长的时间都在拷打我的实习经历，问得超级细，结束的时候面试官主动让我添加微信并告诉一面通过

1.自我介绍2.你项目上面提到了长列表渲染优化，详细讲一下吧。3.讲讲这个webpack-bundle-analyse是怎么样的？删除了没出现兼容性的问题吗？4.element-ui的dialog是怎么封装的？那叫你封装一个组件，你会基于什么去封装？5.vue的组件是怎么进行通信的？6.插槽是什么？怎么用？作用域插槽是什么？有什么用？7.大文件上传是基于什么样的背景的？断点续传怎么传的？8.切片上传和断点续传。9.如何对大图片进行压缩？10.SVG有了解过吗？他和canvas有什么区别？11.用vue2多还是vue3多？讲讲vue2和vue3的区别吧。12.那Object.defineProperty这个方法接收几个参数，每个参数分别对应什么？13.vue3里面其实也用到了reflect，了解过吗？14.讲讲webpack为什么比vite快吧？他们之间有什么差异吗？15.为什么vue2里面data要写成函数而不能写成对象呢？16.nextTick了解过吗？什么时候用，举一个具体的例子。原理是怎么样的？17.为什么每个dom要加key值？key有什么作用呢？18.vue3有哪些常用的api吗？19.ref和reactive的区别？那我用reactive定义基本数据类型，ref定义引用数据类型可以不？20.==和===的区别？21.深拷贝和浅拷贝的区别？手动实现深拷贝怎么实现？正则日期那些呢？22.typeOf和instanceOf的应用场景，什么时候应该用谁？23.webpack有哪些常见的配置项呢？vite呢？24.webpack打包的整个过程是怎么样的呢？25.React有了解吗？