Frontend 面试 总结 (AT, MD)

现在大多数人更倾向于选择互联网行业，即使是岁末年初也依然有不少人想要在IT行业找到一份工作，成为一名前端开发工程师。如何才能增加面试通过率？本文汇总了前端技术面试的高频考点，供大家参考借鉴。

1. JavaScript

• JavaScript 基础语法（变量、数据类型、运算符、控制流语句、函数等）
• JavaScript 进阶语法（箭头函数、解构赋值、扩展运算符、Symbol 等）
• JavaScript 模块系统（CommonJS、AMD、ES Module）
• JavaScript 事件循环和异步编程（事件循环机制、Promise、async/await）
• JavaScript 常见算法和数据结构（排序算法、搜索算法、数据结构等）

2. HTML

• HTML 基础语法（元素、属性、文本、链接等）
• HTML5 新特性（语义化标签、多媒体元素、Web 存储等）
• HTML 布局（浮动、定位、弹性布局等）
• HTML 表单（表单元素、表单验证、表单提交等）
• HTML 可访问性（辅助技术、ARIA 属性等）

3. CSS

• CSS 基础语法（选择器、属性、值等）
• CSS 布局（盒模型、浮动、定位、弹性布局等）
• CSS 视觉效果（颜色、字体、背景、边框等）
• CSS 动画和过渡（transform、animation、transition 等）
• CSS 响应式设计（媒体查询、弹性布局等）

4. React

• React 基础概念（组件、状态、属性、事件等）
• React 生命周期方法（componentDidMount、componentDidUpdate、componentWillUnmount 等）
• React 路由（BrowserRouter、Route、Link 等）
• React 状态管理（Redux、MobX、Context 等）
• React 高级特性（Hooks、Suspense、Fragments 等）

5. Vue

• Vue 基础概念（组件、数据、方法、计算属性等）
• Vue 生命周期方法（beforeCreate、created、mounted 等）
• Vue 路由（VueRouter、Route、Link 等）
• Vue 状态管理（Vuex、Pinia 等）
• Vue 高级特性（Composition API、Teleport、Suspenseless 等）

6. Angular

• Angular 基础概念（组件、模板、指令、服务等）
• Angular 生命周期方法（ngOnInit、ngAfterViewInit、ngOnDestroy 等）
• Angular 路由（Angular Router、Route、Link 等）
• Angular 状态管理（NgRx、Akita 等）
• Angular 高级特性（Ivy Renderer、HttpClient、Change Detection 等）

7. Node.js

• Node.js 基础概念（事件循环、模块系统、文件系统等）
• Node.js 模块（NPM、Yarn、Webpack 等）
• Node.js HTTP 服务器（Express、Koa、Fastify 等）
• Node.js 数据库（MongoDB、MySQL、PostgreSQL 等）
• Node.js 框架（NestJS、AdonisJS、SailsJS 等）

通过这些高频考点，您可以快速了解前端开发工程师的知识储备和技术能力，从而帮助您在面试中脱颖而出。祝大家面试顺利，找到满意的工作！