面试真题

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

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

全部赛道（2508）技术岗（641）非技术岗（1867）

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

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

按难度

简单（22）中等（15）困难（0）

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

百度（161）腾讯（139）通用（87）阿里巴巴（62）网易（55）京东（49）中国储备粮管理集团有限公司（43）字节跳动（34）大华股份（11）美团（10）Momenta（8）小鹏汽车（8）深信服（8）Shopee（7）小米（7）拼多多（7）滴滴（7）虎牙（6）读书郎（6）金山（6）小红书（5）快手（5）搜狐（5）闪送（5）

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

简单前端
Webpack 解决了什么痛点？
结论：Webpack解决前端模块化开发中的依赖打包、资源处理与加载性能痛点。要点：模块化支持：浏览器不原生支持CommonJS/ESM，Webpack打包成可用静态资源；依赖管理：通过依赖图自动分析引用关系，消除手动维护…
🎤 百度
简单前端
memo 的原理（props变化时重新渲染）
结论：React.memo 是高阶组件，通过浅比较 props 决定是否跳过组件重新渲染，用于优化函数组件性能。原理：父组件渲染时，未包裹 memo 的子组件默认跟随重渲染；包裹后，React 对前后 props 做浅比…
🎤 百度
中等前端
加载一个 HTML 的浏览器是怎么渲染页面的？
结论：浏览器渲染流程为：解析HTML构建DOM树；解析CSS生成CSSOM；合并为渲染树；布局(Layout)算几何位置；绘制(Paint)成像素；合成(Composite)到屏幕。原理：HTML经分词成DOM，CSS优…
🎤 腾讯
中等前端
浏览器 DOM 树和 Vue 里的虚拟 DOM 树关系？
结论：DOM树是浏览器真实渲染的节点树，虚拟DOM是Vue用JS对象模拟的轻量描述树，两者为映射关系。核心要点：1.DOM树由HTML解析生成，操作真实DOM昂贵；2.虚拟DOM是普通JS对象（如{tag, 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. 合并为渲染…
🎤 百度
中等前端
往列表插入元素，虚拟 DOM 树怎么处理？
结论：虚拟DOM通过同层diff算法对比新旧VNode，带key时可精准定位插入位置并更新真实DOM。处理流程：1. 生成包含新元素的VNode列表；2. patch阶段按key比对，无key则默认就地复用易导致状态错乱…
🎤 腾讯
中等前端
怎么用闭包实现单例设计模式？
结论：闭包保存实例引用来实现单例。要点（JS）：1.外层函数内声明instance=null；2.返回内层函数，内判instance空则创建对象赋值；3.闭包使instance持久化，保证全局唯一且惰性初始化；4.示例：…
🎤 腾讯
中等前端
commonjs 和 esmodule 区别？
结论：CommonJS与ESModule核心区别在规范、加载时机与值传递方式。要点：1.规范不同：CommonJS是Node.js社区规范，同步加载；ESModule是ECMAScript官方标准，异步加载。2.语法不同…
🎤 网易
中等前端
Diff 算法怎么操作的？
结论：前端Diff算法对比新旧虚拟DOM树，以最小代价更新真实DOM，核心是同层比较与key优化。操作：以React为例，1.Tree Diff：跨层移动极少，直接按层级比较，不同层则销毁重建；2.Component D…
🎤 腾讯
中等前端
formdata与binary两种方式上传文件
结论：FormData通过multipart/form-data封装文件字段，适合表单及混合数据；Binary直接以二进制流RequestBody发送，适合纯文件流。核心要点：FormData使用XMLHttpReque…
🎤 沥泉科技
中等前端
JS 怎么改变函数作用域？
结论：JS改变函数作用域（即this绑定）可用call/apply/bind显式指定，或箭头函数继承词法作用域。方式：1) fn.call(obj, arg)和fn.apply(obj, [args])立即调用并绑定th…
🎤 腾讯
中等前端
JS 中的闭包（闭包是什么？原理？）
结论：闭包是函数与其词法环境的组合，使内部函数可访问定义时外层变量，即使外层函数已返回。原理：JS采用词法作用域，函数创建时保存作用域链；当内部函数被外部引用，外层变量对象不被GC回收。要点：1) 形成条件：嵌套函数且内…
🎤 腾讯
中等前端
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…
🎤 百度
中等前端
如何让数据统计页面加载速度变快
结论：统计页面慢常因数据量大、查询慢、渲染阻塞，需从减少数据量、加速计算、优化渲染入手。1.前端：分页或虚拟滚动限制渲染量；图表库按需引入懒加载；资源开Gzip并走CDN；利用浏览器缓存避免重复下载；2.接口：后端提供聚…
🎤 小红书
‹ 上一页第 2 / 2 页
题目整理自公开面经，答案由校招宝自研生成，仅供参考