全部学科

Python全栈

NodeJS全栈

通用技术

redis git docker nginx mysql zookeeper rabbitmq

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

Web前端

TypeScript vue CSS HTML javascript npm pinia vite

GO后端

golang gorm gin

静态站点生成SSG专题测试

13 题 26 分钟难度：★★

考察知识点

SSG 概念与适用场景
预渲染配置与实现
prerender 配置项
静态页面生成流程
SSG 与 SSR 的区别
SEO 优化实践

💡 参考答案在文末

判断题

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

想在手机上练习这套试卷？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码