javascript - 使用 Store.js 管理 "cookies"

Question

我正在使用 localStorage 在我的页面中创建一种 cookie，以跟踪用户在我的网站中的事件。为了实现追溯兼容性，我使用了 Store.js 库。

我尝试实现的工作流程如下:如果存在名为“cookieName”的条目，请更新它以包含 pagesVisited 中的另一个条目。如果不存在条目，则创建一个新条目，并将当前页面添加到已访问页面。

实现我可以开始工作的编辑的方法是获取条目的当前数据，将其删除，然后使用更新后的值创建一个新数据。我猜也许如果条目变大，这可能会减慢页面速度。

1. 这是一个问题吗？它会大大降低我的页面速度吗？
2. 有没有更好的方法来使用 Store.js 进行编辑？

这里是库的 repo 链接 Store.Js

澄清一下，我使用的是本地存储而不是 cookie，因为我不需要任何客户端-服务器通信(或者不是很频繁)

Answer 1

如果它们具有相同的 key ，您不必删除现有项目并编写新项目。 store.js-set-method 在内部使用“localStorage.setItem”，它只是覆盖当前值。

除此之外，如果您想将该数据存储在客户端上，我看不到任何其他方法。

但请记住，域的总 存储大小是有限的(请参阅此维基百科文章:http://en.wikipedia.org/wiki/Web_Storage)，并且 store.js 在设置值时似乎没有捕捉到任何异常，所以你可能应该自己做(捕获超出配额的异常)，并在你的 catch-block 中提供一个回退(似乎有一些浏览器 facebook 正在向 localstorage 发送垃圾邮件)。如果你愿意，你可以清除整个 localStorage(store.js 提供了清除方法)并再次尝试保存你的值