在开发前端页面时，我们经常需要添加锚点来方便用户快速跳转到页面的不同部分。手动添加锚点需要写大量的 HTML 代码，并且不易维护。而 anchorify 就是一个可以自动生成锚点的 npm 包，大大简化了这个过程。
安装
可以使用 npm 命令来安装 anchorify：
npm install anchorify --save
使用
安装完成后，可以在 js 中使用以下代码来生成锚点：
-- -------------------- ---- ------- ----- --------- - --------------------- --- ------------ - - - --- -- --- --- --- -- --- ------ - ------------------------ --------------------
结果如下：
<a href="#标题1">标题1</a> <a href="#标题2">标题2</a> <a href="#标题3">标题3</a> <h1 id="标题1">标题1</h1> <h2 id="标题2">标题2</h2> <h3 id="标题3">标题3</h3>
可以看到，anchorify 将原本的标题转换成了锚点，并在标题的前面添加了一个链接，用户单击链接可以快速跳转到对应的标题。
可选参数
可以使用可选参数来控制生成锚点的形式。例如，可以使用 level 参数来控制不同级别标题的锚点，如下所示：
-- -------------------- ---- ------- ----- --------- - --------------------- --- ------------ - - - --- -- --- --- --- -- --- ------ - ----------------------- - ------ - --- -- -------------- --------------------
结果如下：
<h1>标题1</h1> <a href="#标题2">标题2</a> <a href="#标题3">标题3</a> <h2 id="标题2">标题2</h2> <h3 id="标题3">标题3</h3>
可以看到，只有二级和三级标题生成了锚点。
总结
使用 anchorify 可以方便快速地生成锚点，同时减少了大量的 HTML 代码编写。使用该 npm 包，可以提高开发效率，同时让页面更加易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b0781e8991b448d8ad7