百度搜索前端二面面经

在前端面试中，Webpack 一直是高频考点之一。而在所有模块化相关的问题中，“import 导入时 Webpack 在干什么” 这类问题经常被问到。乍看只是一个语法糖，但背后其实包含了 模块解析、依赖图构建、代码转换、打包优化 等一整套复杂流程。本文小圆将带你从源码构建视角，彻底弄清楚 import 背后 Webpack 的工作原理～～～一、整体流程概览当你在代码中写下这一行时： import { foo } from './b.js'; Webpack 的处理流程大致如下：解析阶段（Parsing）：扫描代码，提取所有 import 语句；模块定位（Resolving）：根据路径或模块名找...

实习项目 1.  使用的 React 版本？ React 版本演进的趋势是怎样的？2.  经常使用哪些 Hooks 来优化组件的渲染表现？3.  如果过度使用 `useEffect` 导致了多次渲染，如何处理？4.  介绍一下信息流长列表优化5.  简历上提到帧率有很大提升，给用户带来了怎样的体感变化？用户反馈？6.  介绍一下 SSE，包括它属于哪种协议、使用场景以及需要注意的点7.  如果 SSE 推送中断了，如何处理异常？8.  使用的 SSE 是原生 API 还是第三方库？断线重连是 SSE 本身支持的还是库封装的功能？9.  WebSocket 的传输机制和 HTTP 有关系吗？10. WebSocket 在建立连接之初会基于 HTTP 吗？11. 介绍一下浏览器的垃圾回收（GC）机制，开始吟唱一道算法一道手撕算法题：大数相加（字符串形式）边界样例？复杂度？思路？带小数怎么处理？手写题：手写实现一个 `call` 函数，实现原理？原型链知道多少？

笔试时间：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. 如何学习前端？3. 前端学习时长？每天会花多长时间？项目拷打：1. 共享屏幕打开项目网址介绍项目2. 项目怎么搭建的？用了哪些组件？3. 搜索模块怎么实现的？具体是怎么滚动的？八股：1. http缓存2. css从行内、块级角度如何完成垂直居中？margin：auto具体怎么实现？3. css定位4. css盒子模型（定义，分类）5. 用过less/sass吗？6. 数组的判断方式？对象原型的to String方法具体如何实现（写代码）？call属性什么意思？7. 事件循环8. react组件初始化渲染（写代码）题目：1. 异步输出题，解释2. 字符串高精度加法