跳转到内容

前端与界面 · DEFINED TERM

客户端与服务端渲染

客户端渲染在浏览器组装页面,服务端渲染先生成 HTML 再交给浏览器。

你可能会这样说“首屏要快又能被搜索,交互部分再在浏览器接管”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT首屏要快又能被搜索,交互部分再在浏览器接管
请求页面
服务端或浏览器生成 HTML
绑定交互
后续更新
CHECK关闭脚本仍有核心内容,启用后交互不重复或闪烁

MECHANISM

运行机制

  1. 请求页面
  2. 服务端或浏览器生成 HTML
  3. 绑定交互
  4. 后续更新

USE WHEN

适合这样用

平衡首屏、SEO、个性化和交互复杂度

NOT FOR

不要这样理解

不要为纯静态内容强制依赖浏览器脚本才能显示

TELL YOUR AGENT

可直接发给 Agent

请按“客户端与服务端渲染”的概念处理这个需求:首屏要快又能被搜索,交互部分再在浏览器接管。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

关闭脚本仍有核心内容,启用后交互不重复或闪烁

OFFICIAL SOURCES

官方来源