前端知识点

前端核心技术（JavaScript、CSS）与 Vue 2 / Vue 3 生态体系的知识整理，涵盖基础 API、路由、状态管理、TypeScript 集成、性能优化与工程化实践。

JavaScript

核心概念 — 闭包、this 指向、事件循环
数据类型与内置方法 — 7 种基本类型、类型检测、类型转换、String/Number/Array/Object 原型方法
原型与原型链 — 原型三角、继承方式、class 本质、常见面试题
ES6+ 全部特性 — ES2015~ES2024：箭头函数、解构、Promise、async/await、可选链、class 私有字段、using 资源管理
正则表达式 — 语法、标志、分组、断言、常见场景（验证/提取/替换）
DOM 操作与事件 — 选择器、事件机制、事件委托、防抖节流
进阶特性 — Proxy/Reflect、迭代器与生成器、错误处理、JSON

CSS

核心知识 — 选择器、盒模型、Flex/Grid 布局、响应式、经典问题
Less 常用语法 — 变量、嵌套、混合、函数、条件判断
Sass/SCSS 常用语法 — 变量、嵌套、Mixin、函数、模块化
PostCSS 常用配置 — autoprefixer、px2rem、cssnano、插件开发

TypeScript

核心概念 — 类型注解、接口、类型推断、联合类型、类型守卫
类型系统 — 内置工具类型、条件类型、映射类型、模板字面量类型
泛型 — 泛型函数、泛型约束、泛型工具类型
类与面向对象 — 抽象类、访问修饰符、装饰器
模块与命名空间 — 模块声明、声明文件、路径映射

Vue 3

Composition API — ref、reactive、computed、watch、生命周期
应用 API 与组合式工具 — createApp、h()、defineComponent、toRef/toRefs、Vue 2→3 对照
响应式原理 — Proxy 代理、依赖收集与触发更新
组件通信方式 — props、emits、provide/inject、mitt

Vue 3 生态

Vue Router 4.x — 路由配置、守卫、滚动行为
Pinia 状态管理 — store 定义、Composition 风格、插件

Vue 2

Options API — data、methods、computed、watch、生命周期
实例 API 与全局 API — Vue.extend、Vue.directive、Vue.mixin、$emit、$refs、$watch
响应式原理 — Object.defineProperty 机制与局限
组件通信方式 — props、events、$refs、EventBus

Vue 2 生态

Vue CLI — 脚手架工具、项目创建、插件管理、vue.config.js 配置
Vue Router 3.x — 路由配置、守卫、导航、路由模式
Vuex 状态管理 — State/Mutations/Actions/Modules

进阶实践

自定义指令 & Composables — 权限指令、点击外部、可复用逻辑
TypeScript 与 Vue — 类型标注、泛型组件、模块声明
性能优化 — v-memo、虚拟列表、懒加载、分包
项目工程化配置 — Vite 配置、ESLint、Git Hooks、部署

参考