| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| header | 页眉 | 标签 | 页面或区块的顶部区域，通常含标题与导航 | 词条详解 |
| footer | 页脚 | 标签 | 页面底部区域，常放版权、备案信息 | 词条详解 |
| nav | 导航区 | 标签 | 语义化导航容器，利于无障碍与 SEO | 词条详解 |
| main | 主内容 | 标签 | 页面主体内容区，每个文档应只有一个 | 词条详解 |
| article | 独立内容 | 标签 | 可独立分发的内容块，如文章、帖子 | 词条详解 |
| section | 内容分区 | 标签 | 按主题划分的内容区块，通常配标题 | 词条详解 |
| aside | 侧边栏 | 标签 | 与主体相关但可分离的辅助内容 | 词条详解 |
| figure | 图文组合 | 标签 | 图片与图注 figcaption 的语义容器 | 词条详解 |
| figcaption | 图注 | 标签 | 为 figure 提供标题或文字说明 | 词条详解 |
| time | 时间标签 | 标签 | 机器可读的日期时间，利于搜索理解 | 词条详解 |
| mark | 标记高亮 | 标签 | 默认黄色背景，用于突出引用文字 | 词条详解 |
| details | 折叠面板 | 标签 | 原生可折叠区块，点击 summary 展开 | 词条详解 |
| summary | 摘要 | 标签 | details 的可见标题，点击切换展开状态 | 词条详解 |
| dialog | 弹窗 | 标签 | 原生模态对话框，支持 showModal API | 词条详解 |
| form | 表单 | 标签 | 用户输入与提交的容器，配 input 控件 | 词条详解 |
| table | 表格 | 标签 | 结构化数据展示，含 thead / tbody / tfoot | 词条详解 |
| iframe | 内嵌框架 | 标签 | 在当前页面中嵌入另一个文档 | 词条详解 |
| DOCTYPE | 文档类型 | 声明 | 声明文档按 HTML5 标准模式解析 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| display | 显示类型 | 属性 | 控制元素的渲染盒类型（block / flex / grid 等） | 词条详解 |
| position | 定位 | 属性 | static / relative / absolute / fixed / sticky 五种定位 | 词条详解 |
| flex | 弹性布局 | 属性 | 一维弹性排列，自动分配容器空间 | 词条详解 |
| grid | 网格布局 | 属性 | 二维网格布局系统，行列同时控制 | 词条详解 |
| box-sizing | 盒子计算 | 属性 | border-box 让宽高包含内边距与边框 | 词条详解 |
| margin collapse | 外边距合并 | 概念 | 相邻块级元素的垂直外边距会自动合并 | 词条详解 |
| BFC | 块级格式化上下文 | 概念 | 独立渲染区域，内部布局不影响外部元素 | 词条详解 |
| specificity | 选择器优先级 | 概念 | 按权重计算决定同名样式规则的胜负 | 词条详解 |
| cascade | 层叠 | 概念 | 多条规则同时命中时的合并与覆盖顺序 | 词条详解 |
| pseudo-class | 伪类 | 概念 | :hover / :focus 等描述元素状态的选择器 | 词条详解 |
| pseudo-element | 伪元素 | 概念 | ::before / ::after 生成虚拟内容节点 | 词条详解 |
| media query | 媒体查询 | 概念 | 按视口尺寸与特性应用不同样式 | 词条详解 |
| container query | 容器查询 | 概念 | 按组件容器尺寸响应式布局 | 词条详解 |
| CSS variable | CSS 变量 | 属性 | --自定义属性，用 var() 引用复用 | 词条详解 |
| calc() | 计算函数 | 函数 | 在样式值中直接做四则运算 | 词条详解 |
| transform | 变形 | 属性 | rotate / scale / translate / skew 变换元素 | 词条详解 |
| transition | 过渡 | 属性 | 属性值变化时产生平滑动画 | 词条详解 |
| animation | 动画 | 属性 | 搭配 keyframes 播放关键帧动画 | 词条详解 |
| @keyframes | 关键帧 | 规则 | 定义动画各时间节点的样式快照 | 词条详解 |
| box-shadow | 阴影 | 属性 | 元素投影，可叠加多层制造立体感 | 词条详解 |
| backdrop-filter | 背景滤镜 | 属性 | 毛玻璃模糊特效的核心属性 | 词条详解 |
| clip-path | 裁剪路径 | 属性 | 按路径裁剪元素的可见区域 | 词条详解 |
| z-index | 层叠顺序 | 属性 | 定位元素在 Z 轴上的排列顺序 | 词条详解 |
| gap | 间距 | 属性 | flex / grid 布局中的行列间距 | 词条详解 |
| object-fit | 图片适配 | 属性 | cover / contain 控制替换元素的填充方式 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| var / let / const | 变量声明 | 语法 | let 块级作用域，const 不可重新赋值 | 词条详解 |
| scope | 作用域 | 概念 | 变量与函数的可访问范围 | 词条详解 |
| closure | 闭包 | 概念 | 函数携带其词法作用域引用的现象 | 词条详解 |
| hoisting | 变量提升 | 概念 | 声明在编译阶段提前到作用域顶部 | 词条详解 |
| this | this 指向 | 概念 | 由函数调用方式决定的执行上下文 | 词条详解 |
| prototype | 原型 | 概念 | 对象继承共享属性的来源链 | 词条详解 |
| Promise | 承诺对象 | 对象 | 异步操作最终结果的容器 | 词条详解 |
| async / await | 异步语法 | 语法 | 以同步形式编写异步流程代码 | 词条详解 |
| event loop | 事件循环 | 概念 | 主线程与任务队列的调度机制 | 词条详解 |
| arrow function | 箭头函数 | 语法 | 没有自己的 this 与 arguments | 词条详解 |
| destructuring | 解构赋值 | 语法 | 按结构提取数组或对象的值 | 词条详解 |
| spread operator | 展开运算符 | 语法 | 用 ... 展开可迭代对象 | 词条详解 |
| template literal | 模板字符串 | 语法 | 反引号配 ${} 实现字符串插值 | 词条详解 |
| Map / Set | 集合类型 | 对象 | 键值集合与唯一值集合 | 词条详解 |
| Proxy | 代理 | 对象 | 拦截并自定义对象的基本操作 | 词条详解 |
| Reflect | 反射 | 对象 | 与 Proxy 配套的对象操作方法集 | 词条详解 |
| typeof | 类型判断 | 运算符 | 返回值的类型字符串 | 词条详解 |
| instanceof | 实例判断 | 运算符 | 检测原型链上是否存在某构造函数 | 词条详解 |
| debounce | 防抖 | 模式 | 停止触发一段时间后才执行一次 | 词条详解 |
| throttle | 节流 | 模式 | 固定时间窗口内最多执行一次 | 词条详解 |
| deep clone | 深拷贝 | 概念 | 递归复制所有层级，与原对象完全分离 | 词条详解 |
| event delegation | 事件委托 | 模式 | 利用冒泡在父元素统一处理子级事件 | 词条详解 |
| strict mode | 严格模式 | 指令 | 'use strict' 启用更严格的解析规则 | 词条详解 |
| reduce | 归并方法 | 方法 | 将数组累计计算为单个值 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| HTTP | 超文本传输协议 | 协议 | 客户端与服务器间的请求响应协议 | 词条详解 |
| HTTPS | 加密 HTTP | 协议 | HTTP 加上 TLS 层实现加密传输 | 词条详解 |
| HTTP/2 | 二代协议 | 协议 | 多路复用与头部压缩，提升并发性能 | 词条详解 |
| TCP handshake | 三次握手 | 概念 | 建立可靠连接前的三次确认过程 | 词条详解 |
| DNS | 域名系统 | 协议 | 把域名解析为服务器 IP 地址 | 词条详解 |
| CDN | 内容分发网络 | 架构 | 就近缓存节点加速静态资源访问 | 词条详解 |
| CORS | 跨域资源共享 | 机制 | 服务器声明允许哪些跨域请求 | 词条详解 |
| HTTP cache | HTTP 缓存 | 机制 | 强缓存与协商缓存减少重复传输 | 词条详解 |
| cookie | 会话凭据 | 存储 | 浏览器存储并随请求自动携带的键值 | 词条详解 |
| WebSocket | 长连接 | 协议 | 浏览器与服务器全双工持久通信 | 词条详解 |
| RESTful | 接口风格 | 规范 | 资源 + HTTP 动词的 API 设计约定 | 词条详解 |
| JWT | 令牌鉴权 | 机制 | 无状态的签名身份验证令牌 | 词条详解 |
| status code | 状态码 | 概念 | 2xx / 3xx / 4xx / 5xx 表达响应结果 | 词条详解 |
| SSR | 服务端渲染 | 架构 | 服务器生成完整 HTML 再下发浏览器 | 词条详解 |
| CSR | 客户端渲染 | 架构 | 浏览器执行 JS 生成页面内容 | 词条详解 |
| same-origin policy | 同源策略 | 安全 | 协议域名端口一致才能互访的限制 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| Webpack | 打包器 | 工具 | 模块打包与资源处理的构建流水线 | 词条详解 |
| Vite | 构建工具 | 工具 | 基于 ESM 的极速开发服务器 | 词条详解 |
| Rollup | 打包器 | 工具 | 面向类库的 ES 模块打包工具 | 词条详解 |
| esbuild | 编译器 | 工具 | Go 编写的超快 JS 打包器 | 词条详解 |
| SWC | 编译器 | 工具 | Rust 编写的 JS / TS 编译器 | 词条详解 |
| Babel | 编译器 | 工具 | 把 ES6+ 语法降级转换为兼容代码 | 词条详解 |
| PostCSS | 后处理器 | 工具 | 用插件流水线转换 CSS | 词条详解 |
| Autoprefixer | 前缀插件 | 工具 | 自动补全浏览器私有前缀 | 词条详解 |
| Sass | 预处理器 | 工具 | 变量、嵌套与 mixin 扩展 CSS | 词条详解 |
| Less | 预处理器 | 工具 | 变量与混入机制的 CSS 预处理器 | 词条详解 |
| Tailwind | 原子框架 | 框架 | 工具类优先的 CSS 框架 | 词条详解 |
| Tree Shaking | 摇树优化 | 优化 | 打包时剔除未被使用的导出代码 | 词条详解 |
| Source Map | 源码映射 | 调试 | 打包产物到源码的位置映射文件 | 词条详解 |
| HMR | 热更新 | 特性 | 不刷新页面直接替换改动模块 | 词条详解 |
| npm | 包管理器 | 工具 | Node 默认包管理与公共 registry | 词条详解 |
| yarn | 包管理器 | 工具 | 缓存与确定性 lockfile 的包管理器 | 词条详解 |
| pnpm | 包管理器 | 工具 | 硬链接共享节省磁盘的包管理器 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| Vue.js | 渐进式框架 | 框架 | 自底向上增量采用的 MVVM 框架 | 词条详解 |
| React | UI 库 | 框架 | 组件 + JSX 的声明式渲染方案 | 词条详解 |
| component | 组件 | 概念 | 可复用、可组合的 UI 与逻辑单元 | 词条详解 |
| SFC | 单文件组件 | 格式 | Vue 中模板 / 脚本 / 样式三段式文件 | 词条详解 |
| JSX | JS 扩展语法 | 语法 | 在 JavaScript 中书写类 HTML 结构 | 词条详解 |
| v-model | 双向绑定 | 指令 | 表单控件值与组件状态自动同步 | 词条详解 |
| computed | 计算属性 | 属性 | 基于依赖缓存的派生值 | 词条详解 |
| watch | 侦听器 | 属性 | 响应式数据变化时执行副作用 | 词条详解 |
| lifecycle | 生命周期 | 概念 | 组件从创建到销毁的钩子阶段 | 词条详解 |
| slot | 插槽 | 概念 | 组件内容分发的占位出口 | 词条详解 |
| Teleport | 传送门 | 组件 | 把子组件渲染到文档指定节点 | 词条详解 |
| keep-alive | 缓存组件 | 组件 | 缓存非活跃组件实例避免重建 | 词条详解 |
| Composition API | 组合式 API | 接口 | 在 setup 中按逻辑组织代码 | 词条详解 |
| Pinia | 状态管理 | 库 | Vue 官方推荐的轻量状态管理库 | 词条详解 |
| Vuex | 状态管理 | 库 | Vue 集中式状态管理中心 | 词条详解 |
| Hooks | 钩子函数 | 概念 | React 函数组件中复用逻辑的函数 | 词条详解 |
| useState | 状态钩子 | 钩子 | 为函数组件添加响应式状态 | 词条详解 |
| useEffect | 副作用钩子 | 钩子 | 处理订阅、请求等副作用 | 词条详解 |
| Context | 上下文 | 接口 | 跨层传递状态而无需逐层 props | 词条详解 |
| Virtual DOM | 虚拟 DOM | 概念 | 内存中的轻量节点树，diff 后更新视图 | 词条详解 |
| Fiber | 纤维架构 | 架构 | React 可中断渲染的调度单元 | 词条详解 |
| React Router | 路由库 | 库 | React 声明式前端路由方案 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| ESLint | 代码检查 | 工具 | 检查 JS 语法与团队风格问题 | 词条详解 |
| Prettier | 格式化 | 工具 | 统一代码排版的格式化工具 | 词条详解 |
| Git | 版本控制 | 工具 | 分布式版本控制系统 | 词条详解 |
| CI / CD | 持续集成交付 | 流程 | 自动构建、测试并部署代码 | 词条详解 |
| Monorepo | 单体仓库 | 架构 | 多个项目共存于一个代码仓库 | 词条详解 |
| Husky | Git 钩子工具 | 工具 | 提交前自动执行检查脚本 | 词条详解 |
| lint-staged | 暂存检查 | 工具 | 只检查本次改动涉及的文件 | 词条详解 |
| unit testing | 单元测试 | 测试 | 对最小功能单元编写断言用例 | 词条详解 |
| e2e testing | 端到端测试 | 测试 | 模拟真实用户操作验证完整流程 | 词条详解 |
| micro frontend | 微前端 | 架构 | 多个独立子应用组合成一个站点 | 词条详解 |
| polyfill | 垫片 | 兼容 | 为新特性提供运行时兼容实现 | 词条详解 |
| Loader | 加载器 | 机制 | Webpack 中转换源文件内容的插件 | 词条详解 |
| Plugin | 插件 | 机制 | Webpack 中扩展构建流程的插件 | 词条详解 |
| lock file | 锁文件 | 机制 | 锁定依赖的精确版本保证可复现 | 词条详解 |
| semver | 语义化版本 | 规范 | 主版本.次版本.修订号 的版本约定 | 词条详解 |
| automated deploy | 自动化部署 | 流程 | 构建产物自动发布到线上服务器 | 词条详解 |
| npx | 执行器 | 工具 | 无需安装直接运行远程 npm 包 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| browser storage | 浏览器存储 | 存储 | localStorage、sessionStorage 与 cookie 的统称 | 词条详解 |
| localStorage | 本地存储 | 接口 | 持久化、同源共享的键值存储 | 词条详解 |
| IndexedDB | 本地数据库 | 接口 | 大容量结构化客户端数据存储 | 词条详解 |
| XSS | 跨站脚本 | 攻击 | 注入恶意脚本窃取用户数据 | 词条详解 |
| CSRF | 跨站请求伪造 | 攻击 | 冒用用户身份发起非预期请求 | 词条详解 |
| repaint | 重绘 | 概念 | 元素外观变化触发的像素重绘 | 词条详解 |
| reflow | 回流 | 概念 | 布局变化触发的整个排版重算 | 词条详解 |
| garbage collection | 垃圾回收 | 机制 | 自动回收不再被引用的内存 | 词条详解 |
| memory leak | 内存泄漏 | 问题 | 无法回收的内存持续增长 | 词条详解 |
| Service Worker | 离线代理 | 接口 | 后台拦截请求实现离线缓存 | 词条详解 |
| PWA | 渐进式应用 | 架构 | 可安装、可离线的网页应用形态 | 词条详解 |
| DOM | 文档对象模型 | 接口 | HTML 文档的 JavaScript 可编程树 | 词条详解 |
| event bubbling | 事件冒泡 | 机制 | 事件从目标元素逐层向上触发 | 词条详解 |
| Web Worker | 工作线程 | 接口 | 后台多线程执行耗时代码 | 词条详解 |
| URL to render | 输入到渲染 | 流程 | 从地址栏输入到页面渲染的完整链路 | 词条详解 |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| responsive design | 响应式设计 | 理念 | 一套代码适配桌面、平板与手机 | 词条详解 |
| viewport | 视口 | 概念 | 移动端布局视口与 meta viewport 设置 | 词条详解 |
| rem / em | 相对单位 | 单位 | rem 相对根字号，em 相对父级字号 | 词条详解 |
| vh / vw | 视口单位 | 单位 | 相对视口宽高百分比的长度单位 | 词条详解 |
| BEM | 命名规范 | 规范 | Block__Element--Modifier 结构化类名约定 | 词条详解 |
| CSS Modules | 模块化样式 | 方案 | 编译期生成唯一类名隔离作用域 | 词条详解 |
| dark mode | 暗色模式 | 主题 | 跟随系统或手动切换的深色界面主题 | 词条详解 |
| glassmorphism | 玻璃拟态 | 风格 | 半透明加背景模糊的毛玻璃质感 | 词条详解 |
| CSS Reset | 样式重置 | 方案 | 抹平各浏览器默认样式差异 | 词条详解 |
| line-height | 行高 | 属性 | 行文本的垂直间距控制 | 词条详解 |
| stacking context | 层叠上下文 | 概念 | 定位元素立体堆叠的隔离规则 | 词条详解 |
| skeleton screen | 骨架屏 | 组件 | 加载时展示的灰色占位区块 | — |
| 英文术语 | 中文 | 词性 / 类别 | 一句话说明 | 相关词条 |
|---|---|---|---|---|
| repository | 仓库 | 概念 | Git 跟踪管理的代码目录 | 词条详解 |
| commit | 提交 | 操作 | 将一次快照记录写入版本历史 | 词条详解 |
| branch | 分支 | 概念 | 并行开发的独立时间线 | 词条详解 |
| merge | 合并 | 操作 | 把分支改动并入目标分支 | 词条详解 |
| rebase | 变基 | 操作 | 把提交序列移植到另一分支末端 | 词条详解 |
| pull request | 合并请求 | 协作 | 邀请评审后并入主分支的流程 | 词条详解 |
| conflict | 冲突 | 问题 | 同位置改动无法自动合并需人工处理 | 词条详解 |
| tag | 标签 | 操作 | 为某个提交标记发布的版本号 | 词条详解 |
| stash | 暂存 | 操作 | 临时保存工作区改动以便切换分支 | 词条详解 |
| cherry-pick | 挑拣 | 操作 | 复制单个提交到当前分支 | 词条详解 |
| fork | 派生仓库 | 协作 | 把他人仓库复制到自己账号下 | 词条详解 |