客户端渲染 CSR, Client-Side Rendering
一句话定义
浏览器下载 JS 后执行,动态生成页面内容。
打个比方 Analogy
给你食材自己炒。浏览器收到 HTML 骨架和 JS 代码,自己组装页面。
岗位实战怎么做 In Practice
纯 CSR 对 SEO 不友好(爬虫可能无法执行 JS)。仅用于后台管理系统、用户仪表盘等不需要 SEO 的页面。需要 SEO 的页面使用 SSR 或 SSG。
案例与避坑 Pitfalls
CSR 的 "白屏时间"(White Screen Time)较长,影响 LCP。确保加载状态友好(Loading spinner)。