一句话概括 TCP（传输控制协议）和 UDP（用户数据报协议）是互联网传输层的两大基石：TCP 提供可靠、有序、拥塞控制的字节流服务（用于 HTTP、WebSocket），UDP 提供无连接、无可靠保证的数据报服务（用于 DNS 视频流/语音），理解它们的差异和适用场景是网络性能优化的前置知识。 背景与意义 为什么需要两种协议？ 互联网的应用场景差异巨大： HTTP 网页浏览： "...

一句话概括 DNS（域名系统）将人类可读的域名解析为机器可读的 IP 地址，是整个互联网的”电话簿”；CDN（内容分发网络）则利用全球分布的边缘节点缓存静态资源，使用户从最近的节点获取内容，大幅降低延迟——两者是高性能 Web 应用的底层基础设施。 背景与意义 为什么需要 DNS？ 互联网上的每台服务器都有一个 IP 地址（如 142.250.80.46），但人类记不住 32 位的数...

一句话概括 HTTP 状态码是服务器对请求处理结果的标准化三位数字标识（1xx~5xx），RESTful API 则是基于 HTTP 语义的资源导向设计风格——两者结合使用，让 API 的意图和结果清晰可读，是前后端协作的基础契约。 背景与意义 为什么状态码不是”随便定义”的？ 在 RESTful API 普及之前，很多 API 只有 200 和 500 两个状态码： // ❌ 错...

一句话概括 跨域是指不同源（协议/域名/端口任一不同）的页面或 API 之间进行资源访问时，受到浏览器的同源策略限制。前端开发者需要掌握至少 4 种跨域方案（CORS、JSONP、代理、postMessage），其中 CORS 是事实标准，其他方案用于特定场景的补充。 背景与意义 为什么要有同源策略？ 如果没有同源策略，恶意网站可以： // 假设你在 bank.com 登录了（有 C...

一句话概括 HTTP/2 是 HTTP 协议自 1999 年 HTTP/1.1 以来的首次重大升级，其核心改进是多路复用（单一 TCP 连接并发传输多个请求/响应）、二进制分帧（取代文本协议）、HPACK 头部压缩（减少冗余头部开销）和服务器推送——解决了 HTTP/1.1 的队头阻塞（HOL Blocking）问题，使页面加载性能大幅提升。 背景与意义 HTTP/1.1 的”先天不足...

一句话概括 CSS 定位体系通过 position 属性控制元素的位置参考系（静态/相对/绝对/固定/粘性），而 z-index 则决定了堆叠顺序——两者共同决定了元素”在哪儿”和”谁在上面”，是 CSS 布局中最容易出 bug 但也最能体现基本功的知识点。 背景与意义 “为什么这个元素不听话？” 几乎所有 CSS 开发者在某个阶段都会遇到这些问题： 1. 我给一个元素设置了 z-...

一句话概括 CSS 变量（Custom Properties，自定义属性）允许我们在 CSS 中定义可复用的值，并通过 var() 函数在任意选择器中使用，配合 JavaScript 和媒体查询可以实现运行时的样式复用、主题切换和动态计算——它弥补了 CSS 没有”变量”的先天不足，是现代 CSS 工程化的基石之一。 背景与意义 CSS 的”硬编码”困境 在 CSS 变量出现之前，C...

一句话概括 响应式设计是一种让页面在不同设备（手机、平板、桌面）上自动调整布局和样式的设计理念，核心工具是 CSS 媒体查询 + 相对单位（rem/vw/%） + 弹性布局（Flex/Grid）。它不是一套独立的”框架”，而是 CSS 本身提供的能力。 背景与意义 从”三版适配”到”一版响应” 在 2010 年之前，一个典型的网站往往有三个版本： m.example.com (...

一句话概括 “居中”是 CSS 中使用频率最高、方案最多、也最容易混淆的需求——本文从水平居中、垂直居中、水平垂直居中三个维度，系统梳理 7 大类 20+ 种实现方案，帮你在这个看似简单的问题上建立完整的知识地图。 背景与意义 有人做过统计：“如何让一个元素居中”是前端开发社区中被提问次数最多的问题。 没有”之一”。 这个问题看似简单，但它的难点在于——CSS 中没有一个 cente...

一句话概括 BFC（Block Formatting Context，块级格式化上下文）是 CSS 渲染中的一个独立布局区域，内部元素的排列和定位不受外部影响，同时它也是清除浮动、防止外边距合并、实现自适应布局的强力工具。 背景与意义 在学习 CSS 的某个阶段，你一定会遇到这样的困惑： 为什么一个 float 的元素会让父容器高度塌陷？为什么加上 overflow: hidden ...