前端面试题集锦

首页

基础篇
进阶篇
高频篇
HTML
CSS
JavaScript
ES6
浏览器
React
Vue
Node
前端工程化
移动多端开发
小程序
Uniapp
前端安全
性能优化
HTTP
常用设计模式
设计模式 2
框架通识
排序算法
计算机通识

Vue-生命周期
Vue-组件的本质
Vue-有状态组件的设计
Vue-VNode
Vue-辅助创建VNode的h函数
Vue-自定义渲染器和异步渲染
Vue-渲染器之挂载
Vue-渲染器的核心 Diff 算法
Vue-渲染器之patch
Vue-图解 Vue 响应式原理
Vue-图解 Vue 异步更新
Vue-剖析 Vue 内部运行机制
Vue-vue响应式原理模拟
Vue-vue状态管理之vuex
Vue-理解Vue的设计思想及实现Vue
Vue-diff算法深入
Vue-vue router vuex原理分析
Vue-Vue3初探响应式原理.
Vue-vue2源码分析
Vue-vue组件化实践

React-React router原理
React-dva 总结
React-Mobx 总结
React-浅析redux saga中间件及用法
React-Redux之浅析中间件
React-Redux之源码分析
React-Redux之异步Action及操作
React-浅析中间件
React-react结合redux实战
React-Immutable总结
React-React16为什么要更改生命周期上
React-React16为什么要更改生命周期下
React-React Hooks 设计动机与工作模式
React-深入 React Hooks 工作机制
React-15-真正理解虚拟DOM
React-17-setState-到底是同步的-还是异步的
React-16-React-中的-栈调和-Stack-Reconciler-过程是怎样的
React-18-如何理解-Fiber-架构的迭代动机与设计思想
React-19-ReactDOM-render-是如何串联渲染链路的
React-20-剖析-Fiber-架构下-Concurrent-模式的实现原理
React-21-React-事件与-DOM-事件有何不同
React-22-揭秘-Redux-设计思想与工作原理
React-23-从-Redux-中间件实现原理切入-理解-面向切面编程-
React-24-如何打造高性能的-React-应用
React-25-跟-React-学设计模式
React-26-React全部api解读
React-27-Taro原理

Webpack-01-Webpack4打包机制原理解析
Webpack-02-webpack中的HMR热更新原理剖析
Webpack-03-从源码窥探Webpack4-x原理
Webpack-04-实现webpack小型打包工具
Webpack-05-Babel原理及其使用
Webpack-06-Webpack-与-Rollup-二者之间该如何选择
Webpack-07-前端构建新玩法-Vite-上手与思考
Webpack-08-利用-Webpack-CodeSplitting-完成复杂应用拆包
Webpack-09-玩转-Webpack-的-TreeShaking-与-sideEffects-特性
Webpack-10-如何配置-Webpack-SourceMap-的最佳实践
Webpack-11-Webpack-运行机制与核心工作原理

Node-01-Node事件循环机制原理
Node-02-express详细使用
Node-03-koa基本用法

Javascript-01-JavaScript-引擎如何执行-JavaScript-代码
Javascript-02-单线程的-JavaScript-如何管理任务

综合-01-虚拟DOM原理分析-什么是-virtual-dom
综合-02-setTimeout实现原理和使用注意
综合-03-浅析Promise原理
综合-04-浏览器渲染原理
综合-05-前端面试之MVVM浅析
综合-06-前端面试之组件化
综合-07-虚拟DOM-一-
综合-08-虚拟DOM-二-
综合-09-前端性能之Performance
综合-10-小程序开发实践
综合-11-对比-Koa-和-Redux-分析前端中的中间件理念
综合-12-正则完整篇
综合-13-打造前端监控系统
综合-14-浏览器渲染机制
综合-15-前端缓存方案解析
综合-16-小程序原理
综合-17-深入剖析浏览器中页面的渲染过程
综合-18-一个网络请求是怎么进行的
综合-19-前端性能定位

面经-前端面经汇总

自检-1-前端100题自检

每日一题-每日一题

http 基础-01-HTTP的前世今生
http 基础-02-HTTP是什么
http 基础-03-HTTP世界全览
http 基础-04-HTTP分层
http 基础-05-键入网址到回车发生什么
http 基础-06-HTTP报文是什么样子的
http 基础-07-理解请求方法
http 基础-08-URI
http 基础-09-响应状态码
http 基础-10-HTTP有哪些特点
http 基础-11-HTTP优缺点
http 基础-12-HTTP的实体数据
http 基础-13-HTTP传输大文件
http 基础-14-HTTP的连接管理
http 基础-15-HTTP的重定向
http 基础-16-HTTP的Cookie机制
http 基础-17-HTTP的缓存控制
http 基础-18-HTTP的代理服务
http 基础-19-HTTP的缓存代理
http 基础-20-对称加密与非对称加密
http 基础-21-数字签名与证书
http 基础-22-TLS1-2连接过程解析
http 基础-23-TLS1-3特性解析
http 基础-24-HTTPS的优化
http 基础-25-迁移到HTTPS
http 基础-26-HTTP2特性概览
http 基础-27-HTTP3展望
http 基础-28-迁移到HTTP2
http 基础-29-CDN
http 基础-30-webSocket
http 基础-31-HTTP性能优化上
http 基础-32-HTTP性能优化下

学习路线-frontend
学习路线-backend

好文-i-tried-react-compiler
好文-html-script-element-attributes-async-vs-defer-vs-typemodule
好文-speeding-up-javascript-ecosystem-part-9
好文-网站优化实战
好文-web-optimization-tools
好文-about-web-fmp

隐私政策

首页

基础篇
进阶篇
高频篇
HTML
CSS
JavaScript
ES6
浏览器
React
Vue
Node
前端工程化
移动多端开发
小程序
Uniapp
前端安全
性能优化
HTTP
常用设计模式
设计模式 2
框架通识
排序算法
计算机通识

Vue-生命周期
Vue-组件的本质
Vue-有状态组件的设计
Vue-VNode
Vue-辅助创建VNode的h函数
Vue-自定义渲染器和异步渲染
Vue-渲染器之挂载
Vue-渲染器的核心 Diff 算法
Vue-渲染器之patch
Vue-图解 Vue 响应式原理
Vue-图解 Vue 异步更新
Vue-剖析 Vue 内部运行机制
Vue-vue响应式原理模拟
Vue-vue状态管理之vuex
Vue-理解Vue的设计思想及实现Vue
Vue-diff算法深入
Vue-vue router vuex原理分析
Vue-Vue3初探响应式原理.
Vue-vue2源码分析
Vue-vue组件化实践

React-React router原理
React-dva 总结
React-Mobx 总结
React-浅析redux saga中间件及用法
React-Redux之浅析中间件
React-Redux之源码分析
React-Redux之异步Action及操作
React-浅析中间件
React-react结合redux实战
React-Immutable总结
React-React16为什么要更改生命周期上
React-React16为什么要更改生命周期下
React-React Hooks 设计动机与工作模式
React-深入 React Hooks 工作机制
React-15-真正理解虚拟DOM
React-17-setState-到底是同步的-还是异步的
React-16-React-中的-栈调和-Stack-Reconciler-过程是怎样的
React-18-如何理解-Fiber-架构的迭代动机与设计思想
React-19-ReactDOM-render-是如何串联渲染链路的
React-20-剖析-Fiber-架构下-Concurrent-模式的实现原理
React-21-React-事件与-DOM-事件有何不同
React-22-揭秘-Redux-设计思想与工作原理
React-23-从-Redux-中间件实现原理切入-理解-面向切面编程-
React-24-如何打造高性能的-React-应用
React-25-跟-React-学设计模式
React-26-React全部api解读
React-27-Taro原理

Webpack-01-Webpack4打包机制原理解析
Webpack-02-webpack中的HMR热更新原理剖析
Webpack-03-从源码窥探Webpack4-x原理
Webpack-04-实现webpack小型打包工具
Webpack-05-Babel原理及其使用
Webpack-06-Webpack-与-Rollup-二者之间该如何选择
Webpack-07-前端构建新玩法-Vite-上手与思考
Webpack-08-利用-Webpack-CodeSplitting-完成复杂应用拆包
Webpack-09-玩转-Webpack-的-TreeShaking-与-sideEffects-特性
Webpack-10-如何配置-Webpack-SourceMap-的最佳实践
Webpack-11-Webpack-运行机制与核心工作原理

Node-01-Node事件循环机制原理
Node-02-express详细使用
Node-03-koa基本用法

Javascript-01-JavaScript-引擎如何执行-JavaScript-代码
Javascript-02-单线程的-JavaScript-如何管理任务

综合-01-虚拟DOM原理分析-什么是-virtual-dom
综合-02-setTimeout实现原理和使用注意
综合-03-浅析Promise原理
综合-04-浏览器渲染原理
综合-05-前端面试之MVVM浅析
综合-06-前端面试之组件化
综合-07-虚拟DOM-一-
综合-08-虚拟DOM-二-
综合-09-前端性能之Performance
综合-10-小程序开发实践
综合-11-对比-Koa-和-Redux-分析前端中的中间件理念
综合-12-正则完整篇
综合-13-打造前端监控系统
综合-14-浏览器渲染机制
综合-15-前端缓存方案解析
综合-16-小程序原理
综合-17-深入剖析浏览器中页面的渲染过程
综合-18-一个网络请求是怎么进行的
综合-19-前端性能定位

面经-前端面经汇总

自检-1-前端100题自检

每日一题-每日一题

http 基础-01-HTTP的前世今生
http 基础-02-HTTP是什么
http 基础-03-HTTP世界全览
http 基础-04-HTTP分层
http 基础-05-键入网址到回车发生什么
http 基础-06-HTTP报文是什么样子的
http 基础-07-理解请求方法
http 基础-08-URI
http 基础-09-响应状态码
http 基础-10-HTTP有哪些特点
http 基础-11-HTTP优缺点
http 基础-12-HTTP的实体数据
http 基础-13-HTTP传输大文件
http 基础-14-HTTP的连接管理
http 基础-15-HTTP的重定向
http 基础-16-HTTP的Cookie机制
http 基础-17-HTTP的缓存控制
http 基础-18-HTTP的代理服务
http 基础-19-HTTP的缓存代理
http 基础-20-对称加密与非对称加密
http 基础-21-数字签名与证书
http 基础-22-TLS1-2连接过程解析
http 基础-23-TLS1-3特性解析
http 基础-24-HTTPS的优化
http 基础-25-迁移到HTTPS
http 基础-26-HTTP2特性概览
http 基础-27-HTTP3展望
http 基础-28-迁移到HTTP2
http 基础-29-CDN
http 基础-30-webSocket
http 基础-31-HTTP性能优化上
http 基础-32-HTTP性能优化下

学习路线-frontend
学习路线-backend

好文-i-tried-react-compiler
好文-html-script-element-attributes-async-vs-defer-vs-typemodule
好文-speeding-up-javascript-ecosystem-part-9
好文-网站优化实战
好文-web-optimization-tools
好文-about-web-fmp

隐私政策

简版速记与目录
有赞一面
有赞二面
有赞（有赞美业）电话面
滴滴面经1
51信用卡（一面）
阿里部门未知（一面）
阿里CBU技术部（一面）
阿里企业智能事业部（一面）
阿里企业智能事业部（二面）
阿里社招面经
微信社招面经
网易面经
字节跳动三轮技术+一轮HR
淘宝两轮
阿里云五轮
深圳某做海外加速器公司
深圳某电商公司
深圳某云产品公司
深圳某房地产公司
深圳某海外直播公司
深圳某国内直播公司
明源云（一面）
明源云（二面）
cvte（一面）
中信银行信用卡中心（一面）
招创礼记（一面）
铱云科技（一面）
平行空间（一面）
平行空间（二面）
科创先锋（一面）
兔展（一面）
兔展（二面）
顺德美云智数（电话）
酷家乐（一面）
酷家乐（二面）
酷家乐（三面）
酷家乐（四面）
拼多多（一面）
拼多多（二面）
拼多多（三面）
拼多多（一面）
拼多多（二面）
金山软件
金山（wps+）一面
金山（wps+）二面
富途证券（架构组）一面
欢聚时代（总部）一面
广州 shein 跨境电商（远程面）
虾皮（toC group）一面
虾皮（toC group）二面
虾皮（一面）
虾皮（二面）
虾皮（一面）
虾皮（二面）
百度（安全平台）一面
百度（安全平台）二面
微信（一面）
微信（二面）
微信（三面）
腾讯（部门未知）一面（电话面）
腾讯（部门未知）二面（QQ 远程面）
腾讯（部门未知）三面（电话远程面）
腾讯（部门未知）三面（笔试）
腾讯（部门未知）四面
腾讯（IMWeb）一面
项目经历中有写 SSR，说一下你是怎么实现的
腾讯（IMWeb）二面
腾讯（IMWeb）三面
腾讯微视（桌面工程师方向）一面
腾讯面试四问
头条（一面）
头条（二面）
头条（三面）
头条（四面）
字节跳动
字节跳动（Lark）一面
字节跳动（Lark）二面
字节（一面）
字节（二面）
字节（三面）
快手（一面）
YY
CVTE
编程猫
滴滴
阿里
深圳开思
头条
美团
综合面试题
中大厂面试总结

拼多多（三面）

组件平台有哪些功能
实现一个 redux
用 ts 实现一个 redux

Last Updated:

Contributors: leeguooooo

该应用可以安装在你的 PC 或移动设备上。这将使该 Web 应用程序外观和行为与其他应用程序相同。它将在出现在应用程序列表中，并可以固定到主屏幕，开始菜单或任务栏。此 Web 应用程序还将能够与其他应用程序和你的操作系统安全地进行交互。

拼多多（三面）

详情