面试真题

技术面 + 非技术面高频问题 · 企业真题标题 + 校招宝自研参考答案
面试真题
2508 道
技术岗
641 道
非技术岗
1867 道
当前筛选
14 道

按赛道技术岗以技术方向细分;非技术岗按「结构化 / 半结构化 / 无领导 / HR / 职能」细分

按方向/形式点选即筛,再点「全部」还原

按难度

按企业点选查看该公司全部题目

技术岗 · 分类:前端 · 企业:百度14 道 · 点击进入查看参考答案

简单前端
服务端渲染和客户端渲染的区别
结论:服务端渲染(SSR)与客户端渲染(CSR)核心区别在于HTML生成位置。要点:1. SSR:服务器执行框架生成完整HTML返回,浏览器直接展示,首屏快、SEO友好,但服务器负载高、交互需hydration;2. C…
🎤 百度
简单前端
数组方法
核心要点:JavaScript数组常用方法分遍历、增删改、转换与查询;不改变原数组的有map、filter、reduce、slice、concat等,改变原数组的有push、pop、splice、sort、reverse…
🎤 百度
简单前端
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. …
🎤 百度
简单前端
localStorage,sessionStorage,cookie 区别
结论:三者均为客户端存储但生命周期、大小、通信有别。cookie由服务器设,可持久化,每次HTTP请求自动携带,大小约4KB,用于会话;localStorage持久保存无过期,容量5-10MB,不与服务器通信;sessi…
🎤 百度
简单前端
Promise 的特点
结论:Promise是JS异步对象,具备状态不可逆、链式调用与错误冒泡特性。要点:1. 三状态pending/fulfilled/rejected,变更后不可改;2. 构造函数executor同步执行,resolve/r…
🎤 百度
简单前端
Webpack 解决了什么痛点?
结论:Webpack解决前端模块化开发中的依赖打包、资源处理与加载性能痛点。要点:模块化支持:浏览器不原生支持CommonJS/ESM,Webpack打包成可用静态资源;依赖管理:通过依赖图自动分析引用关系,消除手动维护…
🎤 百度
简单前端
memo 的原理(props变化时重新渲染)
结论:React.memo 是高阶组件,通过浅比较 props 决定是否跳过组件重新渲染,用于优化函数组件性能。原理:父组件渲染时,未包裹 memo 的子组件默认跟随重渲染;包裹后,React 对前后 props 做浅比…
🎤 百度
中等前端
浏览器怎样把资源显示出来?
结论:浏览器通过请求资源、解析构建树、布局绘制最终显示。核心步骤:1.网络请求:URL经DNS、TCP、HTTP获取HTML/CSS/JS等资源;2.解析:HTML生成DOM树,CSS生成CSSOM树,JS可修改DOM;…
🎤 百度
中等前端
网页完整的渲染过程
结论:浏览器渲染流程为解析HTML/CSS构建DOM与CSSOM,合成渲染树,布局绘制并合成显示。核心要点:1. 解析HTML生成DOM树,遇到CSS/JS会阻塞或异步;2. 解析CSS生成CSSOM树;3. 合并为渲染…
🎤 百度
中等前端
Vue.nextTick` 源码逻辑简述(Vue 2.x)
结论:Vue.nextTick利用异步队列机制将回调延迟到DOM更新周期之后执行。要点:内部维护callbacks队列和pending状态;调用nextTick(cb)将cb推入队列,若未等待则触发异步flushCall…
🎤 百度
中等前端
宏任务 / 微任务 / `MessageChannel`
结论:JS事件循环里微任务优先于宏任务;宏任务含setTimeout、setInterval、I/O、UI渲染、MessageChannel;微任务含Promise.then、queueMicrotask、Mutatio…
🎤 百度
中等前端
useCallback,useMemo,memo
结论:三者均为React性能优化手段,分别缓存函数、计算值和组件渲染。核心要点:useCallback(fn, deps)返回记忆化函数,避免父组件渲染导致函数引用变化;useMemo(() => compute, de…
🎤 百度
题目整理自公开面经,答案由校招宝自研生成,仅供参考