简介
npm 包 history-ts 是一个基于 TypeScript 的浏览器历史状态管理工具。它允许你在前端应用程序中使用历史状态，并通过管理浏览器的历史记录来更好地控制应用程序的路由。
安装
要使用 npm 包 history-ts，您需要首先在项目中安装它。运行以下命令：
npm install history-ts
使用
history-ts 提供了一个 History 类，可以用来管理浏览器历史记录。以下是如何使用它的示例：
-- -------------------- ---- ------- ------ - ------- - ---- ------------- ----- ------- - --- ---------- -- ----- ------------------------- -- - ------------------ ----------------------- --- -- ------- ---------------------------- -- ------ ---------------
在上面的示例中，我们首先引入了 History 类。然后，我们创建了一个新的 history 实例，并添加了一个监听器来监听路由变化。接下来，我们推入了一个新的状态（即将路由从 / 切换到 /about）。最后，我们回退了一个状态，返回到了之前的路由状态。
API
listen(callback: (location: Location) => void)
添加一个监听器以便在路由变化时得到通知。每当应用程序路由更改时，history.ts 都会调用此回调函数并传递包含相应信息的 location 对象。
pushState(path: string)
将指定的路径添加到浏览器历史记录中，并导航到新的状态。
replaceState(path: string)
更新当前状态的路径，而不会添加新的浏览器历史记录条目。
back()
回退一个状态。
forward()
前进一个状态。
总结
使用 npm 包 history-ts，您可以更好地控制应用程序的路由，并更好地管理浏览器历史记录。它是一个功能强大的工具，值得一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560d681e8991b448df176