前端面试题

本栏目收集整理了前端开发相关的面试题，涵盖 JavaScript 基础、ES6+ 新特性、TypeScript、HTML/CSS、Vue.js、React、性能优化等多个方面。

面试题分类

JavaScript 基础

JavaScript 基础包括数据类型、作用域、闭包、原型链等基础概念；异步编程包括 Promise、async/await、事件循环；DOM 操作包括 DOM 操作、事件处理、BOM。

ES6+ 新特性

ES6 基础包括 let/const、解构赋值、模板字符串；ES6 函数包括箭头函数、默认参数、rest 参数；ES6 类包括 Class 语法、继承、静态方法；ES6 模块包括 import/export、模块化；ES7-ES12 介绍新版本特性。

TypeScript

TypeScript 基础包括类型系统、接口、类型推断；高级类型包括泛型、联合类型、交叉类型；类型工具包括类型工具、映射类型；装饰器包括装饰器、元数据。

HTML/CSS

HTML 基础包括 HTML5 语义化、表单、多媒体；CSS 基础包括选择器、盒模型、布局；CSS3 新特性包括动画、过渡、变换；响应式设计包括媒体查询、Flexbox、Grid。

Vue.js

Vue 基础包括基础语法、指令、生命周期；Vue 组件包括组件通信、插槽、动态组件；Vue Router 包括路由配置、导航守卫、懒加载；Vuex/Pinia 包括状态管理、模块化、持久化；Vue3 新特性包括 Composition API、Teleport、Suspense。

React

React 基础包括 JSX、组件、Props、State；React Hooks 包括 useState、useEffect、自定义 Hooks；React Router 包括路由配置、嵌套路由、动态路由；Redux 包括 Redux 基础、中间件、异步处理；React 性能优化包括 memo、useMemo、useCallback。

性能优化

加载优化包括代码分割、懒加载、预加载；渲染优化包括虚拟列表、防抖节流、减少重排重绘；构建优化包括 Webpack 优化、Tree Shaking、压缩；监控与分析包括性能监控、Lighthouse、Chrome DevTools。