antd-vue官网右侧这个pageMap怎么实现的

Question

如下图，页面右侧这个联动效果怎么实现的？

Answer 1

就是 URL Fragment（也叫 URL Hash）。

你点击以后注意看一下地址栏的变化，已经左侧对应位置那个标题元素的 ID。

P.S.1 其实这才是 # 本来的用途，只不过三大框架都用它来做 SPA 前端路由了。

P.S.2 很显然它这个网站其实是写 Markdown 然后构建时生成出来的 HTML，不是手动一个个添加来的。