01 · 实验 A
CSR 客户端渲染
浏览器请求到一个几乎空的 HTML,JS 下载执行后内容才出现,数据在浏览器端请求。
服务端渲染的部分(随 HTML 一起返回)
这句话在请求响应里直接存在,无需等 JS。
服务端时间:2026-09-22T13:08:56.412Z
客户端数据区(useState + useEffect)
loading…(800ms 后出现)
此刻网页源码里这里是空的 —— 内容由浏览器现场生成。
怎么观察
- 打开页面:左侧立即出现,右侧 loading 约 800ms 后出现(浏览器执行 useEffect 后)。
- 右键“查看网页源码”:能看到左侧内容,右侧数据区为空 —— HTML 里没有它。
- 刷新页面:loading 状态重新出现 —— 因为组件在客户端重新挂载,请求重新发生。