外观
✦ BROWSER & NET — WORLD NO.04
浏览器与网络
玄学问题的根源都在这一层——搞懂它,玄学变成工程问题。
什么时候来查
- 页面白屏 / 资源 404,不知道从哪查起
- 接口明明返回了,页面却没更新
- Console 报 CORS,复制网上的解法却时好时坏
- 改了代码刷新没变化,怀疑人生
- 面试问「从输入 URL 到页面显示发生了什么」
待写清单(踩到就写)
- rendering-pipeline:从输入 URL 到像素上屏,中间发生了什么
- event-loop:事件循环与微任务(与 JS 踩坑笔记互链)
- http-caching:强缓存 / 协商缓存——前端一半的「玄学刷新」来自这里
- cors:跨域:报错怎么读、怎么解
- storage-auth:Cookie / localStorage / token 放哪
性能优化小节(第一版先并入本区,长大再分家)
- perf-measure:先测量再优化:Performance 面板实战
- perf-rendering:渲染性能:重排重绘 / 合成层
- perf-loading:加载性能:代码分割 / 懒加载 / 图片
这个分区的写法
每篇从「一个真实报错 / 一个诡异现象」讲起,落到「浏览器到底干了什么」。不背八股,只写能拿来排查问题的因果链。