01 · 实验 A

CSR 客户端渲染

浏览器请求到一个几乎空的 HTML,JS 下载执行后内容才出现,数据在浏览器端请求。

服务端渲染的部分(随 HTML 一起返回)

这句话在请求响应里直接存在,无需等 JS。

服务端时间:2026-09-22T13:08:56.412Z

客户端数据区(useState + useEffect)

loading…(800ms 后出现)
此刻网页源码里这里是空的 —— 内容由浏览器现场生成。

怎么观察

  • 打开页面:左侧立即出现,右侧 loading 约 800ms 后出现(浏览器执行 useEffect 后)。
  • 右键“查看网页源码”:能看到左侧内容,右侧数据区为空 —— HTML 里没有它。
  • 刷新页面:loading 状态重新出现 —— 因为组件在客户端重新挂载,请求重新发生。