首页/ 学科题库/ vite/ 静态站点生成SSG专题
vite 专题精讲

静态站点生成SSG专题

1 篇文章 13 道配套习题

静态站点生成SSG专题

专题说明

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

学习目标

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

学习内容

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

学习建议

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

配套习题(13 题)

参考答案在文末
判断题
1
判断题

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

A

对

B

错

2
判断题

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

A

对

B

错

3
判断题

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

A

对

B

错

4
判断题

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

A

对

B

错

单选题
5
单选题

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

A

配置服务器路由

B

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

C

配置开发服务器代理

D

设置构建输出目录

6
单选题

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

A

电商购物车页面

B

技术文档站点

C

实时聊天应用

D

数据分析仪表盘

7
单选题

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

A

页面总数量

B

内容更新频率

C

用户访问量

D

项目代码规模

多选题
8
多选题

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

A

用户个性化内容页面

B

实时更新的新闻首页

C

需要登录态的仪表盘

D

内容固定的帮助文档

9
多选题

SSG 相比 SSR 的优势有哪些?

A

预渲染后可部署到 CDN

B

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

C

页面访问速度更快

D

支持实时数据更新

10
多选题

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

A

安装 vite-plugin-ssg 插件

B

在 vite.config.js 中注册插件

C

配置 routes 指定预渲染路径

D

执行 vite build 命令触发预渲染

11
多选题

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

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 更新内容需要重新构建部署

参考答案
1.正确 2.正确 3.正确 4.正确 5.B 6.B 7.B 8.A;B;C 9.A;B;C 10.A;B;C;D 11.A;B;C;D 12.A;B;C 13.A;B;C;D
想在手机上刷这套专题的真题?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可解锁本专题全部配套练习与错题本。
了解产品 App
← 上一个专题 配置文件深入专题 下一个专题 → 静态资源处理专题