全部学科
Python全栈
python
NodeJS全栈
nodejs
小程序首页
📝 1 篇文章 13 道配套习题

静态站点生成SSG专题

专题说明

本专题介绍 Vite 静态站点生成(SSG)的概念与实现方法,帮助开发者理解 SSG 与 SSR 的区别。

学习目标

  1. 理解 SSG 概念与适用场景
  2. 掌握 SSG 实现方法与配置
  3. 了解 SSG 与 SSR 的选择策略

学习内容

  • SSG 概念与适用场景:静态生成原理
  • SSG 实现方法:预渲染配置
  • SSG 与 SSR 的选择:场景对比

学习建议

了解 SSG 适用场景,尝试使用 vite-plugin-ssg 实现静态站点。

📝 发现内容有误?点击此处直接编辑

📝 配套习题(13 题)

1
判断题

SSG(静态站点生成)适合内容相对固定的博客、文档站等项目。

A

B

2
判断题

SSG(静态站点生成)在构建时预渲染页面为静态 HTML,适合内容变化不频繁的博客和文档站。

A

B

3
单选题

以下哪种项目最适合使用 SSG 方案?

A

电商购物车页面

B

技术文档站点

C

实时聊天应用

D

数据分析仪表盘

4
多选题

SSG 相比 SSR 的优势有哪些?

A

预渲染后可部署到 CDN

B

构建时渲染,请求时无服务端计算开销

C

页面访问速度更快

D

支持实时数据更新

5
多选题

以下哪些场景不适合使用 SSG 方案?

A

用户个性化内容页面

B

实时更新的新闻首页

C

需要登录态的仪表盘

D

内容固定的帮助文档

6
判断题

vite-plugin-ssg 可以在构建时自动预渲染指定的路由页面为静态 HTML。

A

B

7
单选题

配置 vite-plugin-ssg 时,routes 选项的作用是什么?

A

配置服务器路由

B

指定需要预渲染的页面路径

C

配置开发服务器代理

D

设置构建输出目录

8
多选题

使用 vite-plugin-ssg 实现预渲染需要哪些配置步骤?

A

安装 vite-plugin-ssg 插件

B

在 vite.config.js 中注册插件

C

配置 routes 指定预渲染路径

D

执行 vite build 命令触发预渲染

9
多选题

vite-plugin-ssg 预渲染过程中可能需要处理哪些问题?

A

数据预取注入到静态页面

B

动态路由参数生成多页面

C

处理页面中的异步组件

D

客户端注水代码注入

10
判断题

当页面内容需要频繁更新时,SSR 比 SSG 更合适,因为 SSR 可以在请求时渲染最新数据。

A

B

11
单选题

以下哪个指标最适合用来决定使用 SSG 还是 SSR?

A

页面总数量

B

内容更新频率

C

用户访问量

D

项目代码规模

12
多选题

混合使用 SSG 和 SSR 的策略有哪些?

A

静态页面使用 SSG,动态页面使用 SSR

B

同一页面 SSG 预渲染骨架,CSR 加载动态数据

C

不同路由分别采用不同渲染模式

D

所有页面统一使用 SSR

13
多选题

SSG 方案相比 SSR 的运维成本差异体现在哪些方面?

A

SSG 无需维护服务端渲染服务器

B

SSG 构建后静态文件部署更简单

C

SSR 需要处理服务端错误和降级

D

SSG 更新内容需要重新构建部署

← 上一个专题 配置文件深入专题
下一个专题 → 静态资源处理专题

📝 发现内容有误?点击此处直接编辑

想查看更多习题和详细解析?
小程序提供完整的题库和详细解析

长按或扫描二维码,立即体验

扫码体验小程序
马上就来
使用微信扫描二维码
立即体验完整题库