前端面试知识点索引
CSS
布局
定位
- Position定位 - 基础 ⭐⭐⭐⭐⭐
性能优化
- 绝对定位vs Transform - 高级 ⭐⭐⭐⭐
- 强缓存和协商缓存 - 中级 ⭐⭐⭐⭐⭐
JavaScript
数据类型
数组操作
原型与继承
- 原型与原型链 - 中级 ⭐⭐⭐⭐⭐
this 与函数
- this 指向与箭头函数 - 中级 ⭐⭐⭐⭐⭐
- call、apply、bind - 中级 ⭐⭐⭐⭐⭐
- 闭包 - 中级 ⭐⭐⭐⭐⭐
- 为什么需要闭包 - 中级 ⭐⭐⭐⭐⭐
异步编程
- Promise详解 - 中级 ⭐⭐⭐⭐⭐
- async/await原理 - 中级 ⭐⭐⭐⭐⭐
- 事件循环 - 中级 ⭐⭐⭐⭐⭐
基础语法
- var/let/const区别 - 基础 ⭐⭐⭐⭐⭐
- var作用域 - 基础 ⭐⭐⭐⭐
Vue
核心概念
- Vue 2 和 Vue 3 的区别 - 中级 ⭐⭐⭐⭐⭐
- Vue 生命周期 - 基础 ⭐⭐⭐⭐⭐
- computed 和 watch 的区别 - 基础 ⭐⭐⭐⭐⭐
指令与渲染
- v-if 和 v-show 的区别 - 基础 ⭐⭐⭐⭐⭐
- Vue 的 diff 算法 - 高级 ⭐⭐⭐⭐⭐
组件通信
- 组件通信方式 - 中级 ⭐⭐⭐⭐⭐
原理机制
- nextTick 原理 - 高级 ⭐⭐⭐⭐⭐
状态管理
- 用户信息存储 - 基础 ⭐⭐⭐⭐
按难度分类
基础题目
中级题目
高级题目
知识点关联图
CSS布局体系
CSS盒模型 → 左固定右自适应布局
→ 水平垂直居中
→ Position定位
Position定位 → 水平垂直居中
→ 绝对定位vs TransformJavaScript基础体系
var作用域 → var/let/const区别
→ 闭包
闭包 → 为什么需要闭包
→ 数组去重
→ 对象数组去重
事件循环 → nextTick原理性能优化体系
绝对定位vs Transform → 水平垂直居中
→ 浏览器渲染机制
强缓存和协商缓存 → HTTP协议
→ CDN原理
→ 浏览器缓存机制学习路径推荐
入门路径（1-2周）
- CSS盒模型
- Position定位
- var/let/const区别
- 数组去重
- 用户信息存储
进阶路径（2-3周）
- 左固定右自适应布局
- 水平垂直居中
- var作用域
- 闭包
- 为什么需要闭包
- 对象数组去重
- 事件循环
高级路径（1-2周）
- 绝对定位vs Transform
- nextTick原理
- 浏览器渲染机制
- 性能优化实践
高频面试题
必考题（⭐⭐⭐⭐⭐）
- CSS盒模型
- 水平垂直居中
- 数组的常见方法
- 数组去重
- var/let/const区别
- Promise详解
- 事件循环
- 闭包
- 为什么需要闭包
- nextTick原理
- 强缓存和协商缓存
常考题（⭐⭐⭐⭐）
- 左固定右自适应布局
- Position定位
- 对象数组去重
- var作用域
- 用户信息存储
- 绝对定位vs Transform
按标签分类
布局相关
- CSS盒模型
- 左固定右自适应布局
- 水平垂直居中
- Position定位
异步相关
- Promise详解
- 事件循环
- nextTick原理
作用域相关
- var作用域
- var/let/const区别
- 闭包
- 为什么需要闭包
数组相关
- 数组的常见方法
- 数组去重
- 对象数组去重
性能相关
- 绝对定位vs Transform
- 强缓存和协商缓存
- nextTick原理
状态管理
- 用户信息存储