跳到主要内容

浏览器与网络总览

这部分主要回答几类很典型的问题:页面为什么能打开、为什么有时候很慢、为什么缓存看起来像失效了、还有安全问题到底是怎么来的。

推荐阅读顺序

  1. http-and-https:先理解请求是怎么发出去的
  2. rendering-pipeline:理解浏览器如何把代码变成页面
  3. caching:掌握强缓存、协商缓存和静态资源策略
  4. cross-origin-and-security:梳理跨域、XSS、CSRF、Cookie 安全
  5. browser-storage:区分 Cookie、Storage、IndexedDB、Cache Storage
  6. sse:碰到服务端推送或流式输出时再深入

这里主要收了什么

  • overview:保留原来的总览型内容,方便回头查
  • http-and-https:请求生命周期、协议版本、TLS、状态码
  • rendering-pipeline:解析、布局、绘制、合成和性能切入点
  • caching:缓存命中规则与更新策略
  • cross-origin-and-security:同源策略、CORS 和前端常见安全问题
  • browser-storage:浏览器端存储能力与取舍
  • sse:服务端推送与流式输出