面试真题

技术面高频问题 · 企业真题标题 + 校招宝自研参考答案
面试真题
641 道
覆盖企业
49 家
技术方向
16 个
当前筛选
37 道

按技术方向点选即筛，再点「全部」还原

全部（641）数据库（114）C++（85）Go（82）Java（69）网络（65）操作系统（54）后端（39）前端（37）算法（31）运维（22）其他（17）AI算法（13）大数据（6）测试（4）产品（2）Python（1）

按难度

简单（265）中等（357）困难（19）

按企业49 家企业的真题，点选查看该公司全部题目

百度（160）腾讯（138）阿里巴巴（62）网易（54）京东（48）字节跳动（33）大华股份（10）美团（9）Momenta（7）小鹏汽车（7）深信服（7）Shopee（6）小米（6）拼多多（6）滴滴（6）读书郎（6）金山（6）搜狐（5）虎牙（5）闪送（5）小红书（4）快手（4）沥泉科技（4）360（3）

分类：前端37 道 · 点击进入查看参考答案

简单前端
服务端渲染和客户端渲染的区别
结论：服务端渲染(SSR)与客户端渲染(CSR)核心区别在于HTML生成位置。要点：1. SSR：服务器执行框架生成完整HTML返回，浏览器直接展示，首屏快、SEO友好，但服务器负载高、交互需hydration；2. C…
🎤 百度
简单前端
内容溢出写法
结论：内容溢出通过CSS的overflow及相关属性控制显示。核心写法：1.块容器设固定宽高与overflow:hidden（裁剪）、scroll（滚动条）或auto（浏览器判断）；2.单行文本溢出省略：white-sp…
🎤 网易
简单前端
实现动画的几种方式
结论：前端实现动画主要有CSS动画、JavaScript动画、SVG/SMIL动画、Web Animations API、Canvas/WebGL动画五种方式。核心要点：1.CSS动画通过@keyframes定义和ani…
🎤 网易
简单前端
事件过程
结论：前端DOM事件过程分为事件捕获、目标阶段、事件冒泡三个阶段，并涉及事件对象与事件委托机制。核心要点：1.捕获阶段从window/document向下传递到目标父节点；2.目标阶段到达事件触发元素；3.冒泡阶段从目标…
🎤 网易
简单前端
数组方法
核心要点：JavaScript数组常用方法分遍历、增删改、转换与查询；不改变原数组的有map、filter、reduce、slice、concat等，改变原数组的有push、pop、splice、sort、reverse…
🎤 百度
简单前端
虚拟 DOM 树节点包含什么信息？
结论：虚拟DOM节点（VNode）是轻量JS对象，描述真实DOM结构与状态。要点：包含标签名（tag如div）；属性对象（props包括id、class、事件等）；子节点数组（children含VNode或文本）；文本节…
🎤 腾讯
简单前端
重排和重绘在什么阶段做的？怎么尽量避免重排重绘？
结论：重排发生在渲染流水线中的布局（Layout/Reflow）阶段，计算元素几何位置尺寸；重绘发生在绘制（Paint）阶段，填充像素。避免方法：1.用transform、opacity走合成层（Compositing）…
🎤 腾讯
简单前端
阻止冒泡
阻止冒泡即阻断DOM事件从目标元素向祖先元素传递。方法：1. 原生JS中在监听函数调用event.stopPropagation()；旧IE用event.cancelBubble=true；2. 若用React等框架，合…
🎤 网易
简单前端
BFC 和触发方法
结论：BFC是独立渲染区域，内部布局不影响外部。触发方法：overflow非visible；float非none；position为absolute/fixed；display为inline-block、flex、gri…
🎤 网易
简单前端
context的使用场景
结论：React Context用于跨多层组件传递数据，避免逐层props drilling。要点：1.适用场景：全局或准全局状态如主题色、当前用户信息、国际化语言、鉴权token；这些状态在组件树中深层需要但中间层不关…
🎤 京东
简单前端
CSS 中的 BFC（块级格式上下文）？
结论：BFC是独立的块级格式上下文，内部布局不影响外部。原理：触发条件包括根元素、float非none、overflow非visible、display为inline-block/flex、position绝对等。特性：…
🎤 腾讯
简单前端
CSS3 新特性
结论：CSS3新增选择器、视觉、布局、动画等模块。要点：①选择器增强：:nth-child、属性选择器；②视觉效果：border-radius圆角、box-shadow阴影、linear-gradient渐变；③布局：f…
🎤 百度
简单前端
ES6 新特性
结论：ES6即ECMAScript 2015，引入众多新特性。要点：1.声明：let块级作用域、const常量取代var。2.函数：箭头函数无自身this、默认参数、rest。3.字符串：模板字符串`${}`。4.解构：…
🎤 百度
简单前端
Flex 布局
结论：Flex布局是CSS3引入的弹性盒模型，专为一维布局设计，能高效实现元素对齐、分布与自适应。核心要点：1. 使用：父容器设display:flex成为flex container，子元素为flex item；2. …
🎤 百度
简单前端
flex-shrink 和 flex-grow
结论：flex-grow和flex-shrink是flex item的伸缩属性，分别控制容器空间有剩余时的放大比例与空间不足时的缩小比例。核心要点：1. flex-grow：默认0不放大；若值为正，按数值比例分配剩余空间…
🎤 网易
简单前端
flex: 1 含义
结论：flex:1 是 flex-grow:1; flex-shrink:1; flex-basis:0% 的简写。核心要点：flex-grow为1表示剩余空间分配权重为1；flex-shrink为1表示空间不足时等比例…
🎤 网易
简单前端
localStorage，sessionStorage，cookie 区别
结论：三者均为客户端存储但生命周期、大小、通信有别。cookie由服务器设，可持久化，每次HTTP请求自动携带，大小约4KB，用于会话；localStorage持久保存无过期，容量5-10MB，不与服务器通信；sessi…
🎤 百度
简单前端
Promise 的特点
结论：Promise是JS异步对象，具备状态不可逆、链式调用与错误冒泡特性。要点：1. 三状态pending/fulfilled/rejected，变更后不可改；2. 构造函数executor同步执行，resolve/r…
🎤 百度
简单前端
requestAnimationFrame 实现动画优点
结论：requestAnimationFrame让浏览器在下次重绘前调用回调，实现流畅、高效、省电的动画。要点：与浏览器刷新率同步（通常60fps），避免setInterval丢帧或过度绘制；页面后台或标签页隐藏时自动暂…
🎤 网易
简单前端
TypeScript 泛型
结论：TypeScript泛型是参数化类型，使组件可支持多种类型并保持类型安全。核心要点：用<T>声明类型变量，如function identity<T>(arg: T): T；可用于函数、接口、类，如interface…
🎤 网易
第 1 / 2 页下一页 ›
题目整理自公开面经，答案由校招宝自研生成，仅供参考