HTTP/2 与 HTTP/3：协议演进带来了什么
HTTP/1.1 的队头阻塞是什么？HTTP/2 多路复用、头部压缩，以及 HTTP/3 基于 QUIC 又解决了什么问题。
← 全部分类
浏览器与网络 13 篇文章
Cookie、Session、Token 与 JWT：鉴权方案选型
登录状态到底存在哪里？JWT 为什么不能随便用？梳理四种鉴权机制的原理、存储位置与安全实践。
Performance API：别再拿 Date.now() 测性能了
性能测量的正确姿势不是 Date.now() 做减法——精度只有毫秒还受系统时钟影响。Performance API 提供微秒级精度、标准化的打点标记和完整的资源耗时数据。
XSS 与 CSRF：两种最常见的 Web 攻击
评论区的内容为什么不能直接 innerHTML？攻击者如何借你的身份发请求？讲清两种攻击原理与对应的防御手段。
Service Worker 与 PWA 入门：给网页加上离线能力
Service Worker 是跑在浏览器后台的"网络代理"，有了它网页可以离线打开、秒开、收推送。这篇从注册到缓存策略走一遍 PWA 的最小实现。
Web Vitals 实战：把 LCP 从 4 秒优化到 1.2 秒
Google 把用户体验量化成了三个指标：LCP、FID、CLS。这篇记录我用 Web Vitals 指标体系给公司官网做性能优化的完整过程，附每个指标的优化套路。
浏览器存储方案对比：Cookie、Web Storage 与 IndexedDB
Cookie 为什么会拖累请求性能？localStorage 和 sessionStorage 差在哪？什么数据该上 IndexedDB？一篇理清前端存储选型。
强缓存与协商缓存：二次访问为什么飞快
200 (from cache) 和 304 有什么区别？梳理 Cache-Control/Expires 与 ETag/Last-Modified 两套缓存机制的配合。
浏览器渲染流程：重排、重绘与合成
HTML 怎么变成屏幕上的像素？梳理 DOM/CSSOM 构建、布局、绘制、合成全流程，以及为什么 transform 动画更流畅。
跨域与 CORS：浏览器到底在拦什么
跨域不是服务器拒绝了你，而是浏览器拦了响应。讲清同源策略、简单请求/预检请求和 CORS 响应头配置。
HTTP 入门：请求方法、状态码与报文结构
前后端联调天天见 HTTP，系统梳理 GET/POST 的区别、常见状态码含义，以及请求/响应报文的基本结构。
从 jQuery 到原生 JS：DOM 操作与事件委托
没有 jQuery 的 $ 之后怎么选元素、绑事件？介绍原生 DOM 查询 API、节点操作，以及事件委托的原理和写法。
Chrome DevTools 入门：我最常用的八个面板功能
刚学前端时只会用 console.log 调试，直到师傅演示了一遍 DevTools 我才知道什么叫降维打击。这篇整理 DevTools 里最高频使用的功能，写给和我当时一样的新手。