一文搞懂 JavaScript 自动生成目录

本文提供一个完全不依赖任何第三方库（包括 tocbot）的极简目录实现，体积 < 2KB，性能拉满，滚动高亮丝滑到飞起。

什么是 tocbot

tocbot 是目前最轻量、最流行的纯 JS 目录生成库，只有 3KB。

安装方式

不需要 npm，直接 CDN 引入即可。

核心特点

• 自动生成层级目录
• 滚动自动高亮
• 平滑滚动
• 支持移动端

完整代码示例

下面这几行代码就是全部了！

其他实现方案对比

纯手写 JS（本文采用）

markdown-toc

结语

推荐所有博客都使用这种纯手写方案：体积更小、样式完全可控、滚动高亮更精准、零依赖、无需额外 CDN。