CSR、SSR、SSG

CSR、SSR、SSG 都是前端开发中常见的概念，但具体有什么区别呢

pnpm add @docusaurus/core@latest @docusaurus/preset-classic@latest @docusaurus/theme-common@latest

pnpm add -D @docusaurus/module-type-aliases@latest @docusaurus/theme-classic@latest @docusaurus/tsconfig@latest @docusaurus/types@latest

First

1. CSR

1. 浏览器请求页面，服务器返回 HTML，JS 文件路径，JS 文件通过 CDN 引入

2. SSR

Two

Three

我需要的分页器的需求场景：

假设有 50 页，初始时是这种形式：< 1 2 3 4 5 ... 50 >，表示当前在第 1 页，...表示向右跳转 5 页，鼠标移上去显示>>图标，移出变成...，此时<不可点击，因为当前在第 1 页。

继续点击第 2 和第 3 页，形式不变。

点击第 4 页，形式变成：< 1 2 3 4 5 6 ... 50 >，表示当前在第 4 页，左右的箭头都可点击。

点击第 5 页，形式变成：< 1 ... 3 4 5 6 7 ... 50 >，表示当前在第 5 页，左右箭头都可点击。第一个...表示向左跳转 5 页，点击它后形式变成：< 1 2 3 4 5 ... 50 >，当前在第 1 页。

继续点击靠近 50 旁边的...，形式变成：< 1 ... 4 5 6 7 8 ... 50 >，当前处于第 6 页，左右箭头都可点击。点击第7页，形式变成：< 1 ... 5 6 7 8 9 ... 50 >

点击第50页，形式变成：< 1 ... 46 47 48 49 50 >