前端面试题集锦

首页

基础篇
进阶篇
高频篇
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

隐私政策

简版速记与目录
减小DOM操作的性能开销
尽可能的复用 DOM 元素
另一个思路 - 双端比较
inferno 所采用的核心 Diff 算法及原理
不足之处
References

References

https://neil.fraser.name/writing/diff/ (opens new window)

阅读全文

Last Updated:

Contributors: leeguooooo

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

References

详情