一、前端编程 100 个关键词及解释
1. 基础核心（20 个）
关键词 | 解释 |
HTML | 超文本标记语言，用于定义网页的结构和内容，是前端的基础骨架 |
CSS | 层叠样式表，用于控制网页的样式（布局、颜色、字体等） |
JavaScript | 前端脚本语言，实现网页的交互逻辑和动态效果，是前端的核心 |
DOM | 文档对象模型，将 HTML 文档抽象为节点树，允许 JS 操作页面元素 |
BOM | 浏览器对象模型，提供操作浏览器窗口的 API（如 location、history） |
ES6+ | ECMAScript 2015 及后续版本，JS 的新一代标准，新增箭头函数、类、模块化等特性 |
变量 | 存储数据的容器，JS 中用 var/let/const 声明 |
函数 | 封装可复用的代码块，JS 中分为普通函数、箭头函数、匿名函数等 |
数组 | 有序的数据集合，提供 push、pop、map、filter 等操作方法 |
对象 | 键值对形式的复合数据类型，是 JS 中核心的数据结构 |
事件 | 浏览器或用户触发的行为（如 click、scroll），是前端交互的核心 |
事件冒泡 | 事件从触发元素向上传播到父元素的机制 |
事件捕获 | 事件从根元素向下传播到触发元素的机制 |
闭包 | 有权访问另一个函数作用域中变量的函数，常用于封装私有变量 |
原型链 | JS 实现继承的核心机制，对象通过__proto__指向原型，层层查找属性 |
作用域 | 变量的可访问范围，包括全局作用域、函数作用域、块级作用域 |
异步 | 非阻塞执行的代码逻辑（如定时器、AJAX），避免页面卡顿 |
同步 | 代码按顺序执行，前一个任务完成后才执行下一个 |
回调函数 | 作为参数传递给另一个函数，在特定时机被调用（如异步操作完成后） |
类型转换 | JS 中不同数据类型间的转换（如字符串转数字、隐式转换） |
2. 核心技术 / API（20 个）
关键词 | 解释 |
AJAX | 异步 JavaScript 和 XML，用于在不刷新页面的情况下与服务器交互数据 |
Fetch | 新一代异步请求 API，替代 AJAX，基于 Promise 实现 |
Promise | 解决回调地狱的异步编程方案，有 pending/resolved/rejected 三种状态 |
async/await | 基于 Promise 的语法糖，让异步代码看起来像同步代码 |
JSON | 轻量级数据交换格式，常用于前后端数据传输 |
localStorage | 浏览器本地存储，永久保存（除非手动删除），容量约 5MB |
sessionStorage | 会话级本地存储，页面关闭后数据清空 |
Cookie | 存储在浏览器的小型文本数据，用于身份验证、状态保持 |
Canvas | HTML5 绘图 API，用于在网页上绘制 2D 图形、动画 |
SVG | 可缩放矢量图形，基于 XML，放大不失真，常用于图标、可视化 |
WebSocket | 全双工通信协议，实现客户端与服务器的实时双向通信 |
ESModule | ES6 模块化规范，用 import/export 导入导出模块 |
CommonJS | Node.js 的模块化规范，用 require/module.exports 导入导出 |
DOM 操作 | 通过 JS 增删改查 DOM 节点（如 createElement、appendChild） |
CSSOM | CSS 对象模型，用于操作 CSS 样式的 API |
防抖 (debounce) | 限制函数频繁触发，等待最后一次触发后延迟执行（如搜索框输入） |
节流 (throttle) | 限制函数执行频率，固定时间内只执行一次（如滚动加载） |
正则表达式 | 用于匹配、校验、替换字符串的规则表达式（如手机号校验） |
模板字符串 | ES6 新增，用 `` 包裹字符串，支持换行和变量插值 ${}
|
解构赋值 | ES6 语法，快速从数组 / 对象中提取值赋值给变量 |
3. 框架 / 库（20 个）
关键词 | 解释 |
React | 由 Facebook 开发的前端 UI 库，基于组件化、虚拟 DOM，单向数据流 |
Vue | 渐进式 JavaScript 框架，易上手，支持双向绑定、组件化、虚拟 DOM |
Angular | Google 开发的全功能前端框架，基于 TypeScript，MVVM 架构 |
Vue3 | Vue 的最新版本，采用 Composition API，性能提升，支持 TypeScript |
React Hooks | React 16.8 新增，让函数组件拥有状态和生命周期（如 useState、useEffect） |
Next.js | React 的服务端渲染框架，优化 SEO 和首屏加载速度 |
Nuxt.js | Vue 的服务端渲染框架，简化 SSR 配置，支持静态站点生成 |
jQuery | 老牌 JS 库，封装 DOM 操作、AJAX 等，简化前端开发（现已逐渐被替代） |
Axios | 基于 Promise 的 HTTP 请求库，支持拦截器、取消请求、跨域 |
Redux | React 状态管理库，用于管理全局状态，遵循单一数据源、不可变状态 |
Vuex/Pinia | Vue 的状态管理库，Pinia 是 Vue3 推荐的替代 Vuex 的方案 |
React Router | React 的路由库，实现单页应用的路由跳转 |
Vue Router | Vue 的路由库，管理单页应用的路由规则 |
Element UI/Plus | 基于 Vue 的 UI 组件库，提供按钮、表格、表单等常用组件 |
Ant Design | 基于 React 的企业级 UI 组件库，阿里出品 |
Tailwind CSS | 原子化 CSS 框架，通过预定义类快速构建样式，无需写自定义 CSS |
Less/Sass/Scss | CSS 预处理器，扩展 CSS 语法（如变量、嵌套、混合），编译为普通 CSS |
Bootstrap | 老牌前端 UI 框架，提供响应式布局、组件和样式 |
Vite | 新一代前端构建工具，比 Webpack 更快，支持 Vue/React 等框架 |
Webpack | 前端模块打包工具，将多个文件打包为静态资源，支持代码分割、热更新 |
4. 工程化 / 性能（20 个）
关键词 | 解释 |
组件化 | 将页面拆分为独立、可复用的组件（如按钮组件、表单组件） |
模块化 | 将代码拆分为独立的模块，降低耦合，提高复用性 |
虚拟 DOM | 内存中的 DOM 描述对象，通过对比新旧虚拟 DOM，只更新变化的部分，提升性能 |
跨域 | 浏览器的同源策略限制，不同域名 / 端口 / 协议间的请求需要解决跨域（如 CORS、代理） |
CORS | 跨域资源共享，服务器端配置的跨域解决方案，允许指定域名访问 |
代理 | 前端解决跨域的方式，通过本地服务器转发请求到目标服务器 |
打包 | 将分散的代码和资源合并为少数文件（如 Webpack/Vite 打包） |
压缩 | 减小文件体积（如 JS/CSS 压缩、图片压缩） |
代码分割 | 将代码拆分为多个小块，按需加载，减少首屏加载时间 |
懒加载 | 延迟加载非首屏内容（如图片、组件），提升页面加载速度 |
预加载 | 提前加载可能需要的资源（如 preload、prefetch） |
首屏加载 | 页面第一次渲染完成的时间，是前端性能的核心指标 |
SEO | 搜索引擎优化，前端需考虑 SSR、静态化等提升 SEO 效果 |
响应式布局 | 页面适配不同屏幕尺寸（如移动端、PC 端），基于媒体查询实现 |
移动端适配 | 解决移动端屏幕尺寸、像素比问题（如 rem、vw/vh） |
TypeScript | 微软开发的 JS 超集，添加静态类型，提升代码可维护性，减少错误 |
ESLint | 代码检查工具，规范代码风格，检测语法错误 |
Prettier | 代码格式化工具，统一代码风格（如缩进、换行） |
Git | 版本控制工具，管理代码的提交、分支、合并 |
CI/CD | 持续集成 / 持续部署，自动化构建、测试、部署前端项目 |
5. 其他核心（20 个）
关键词 | 解释 |
单页应用 (SPA) | 只有一个 HTML 页面，通过 JS 动态切换内容（如 Vue/React 项目） |
多页应用 (MPA) | 多个 HTML 页面，页面跳转需重新加载（如传统静态网站） |
生命周期 | 组件从创建到销毁的过程（如 Vue 的 created/mounted、React 的 useEffect） |
双向绑定 | Vue 的核心特性，数据变化自动更新视图，视图变化自动更新数据 |
单向数据流 | React 的核心原则，数据从父组件流向子组件，避免数据混乱 |
插槽 (Slot) | Vue 中组件的内容分发机制，允许父组件向子组件传递 HTML 内容 |
高阶组件 (HOC) | React 中复用组件逻辑的方式，接收组件返回新组件 |
自定义 Hook | React Hooks 的扩展，封装可复用的逻辑（如 useRequest、useLocalStorage） |
路由守卫 | Vue Router/React Router 中拦截路由跳转的机制（如登录验证） |
状态提升 | React 中把多个组件共享的状态提升到父组件管理 |
混入 (Mixin) | Vue 中复用组件逻辑的方式，可注入到多个组件中（Vue3 已不推荐） |
插件 (Plugin) | 扩展框架功能的模块（如 Vue 插件、Webpack 插件） |
指令 (Directive) | Vue 中扩展 DOM 行为的语法（如 v-if、v-for、自定义指令） |
模块化 CSS | 解决 CSS 作用域问题（如 CSS Modules、Scoped CSS） |
动画 / 过渡 | 页面元素的动态效果（如 CSS 过渡、Vue 的 transition、React 的 Framer Motion） |
PWA | 渐进式 Web 应用，让网页拥有原生 APP 的体验（如离线访问、推送） |
错误边界 | React 中捕获组件内部错误的机制，避免整个应用崩溃 |
埋点 | 前端采集用户行为数据（如点击、浏览），用于数据分析 |
性能监控 | 监控前端性能指标（如加载时间、报错），如 Sentry、Performance API |
无障碍访问 (A11Y) | 优化网页对残障人士的友好性（如语义化标签、键盘导航） |
