cookie、sectionstorage和localstorage

一个前端面试八股文：讲讲cookie、sectionstorage和localstorage这三个的区别。

我之前只是心知肚明没有组织过专业术语语言，今天工作中遇到一个问题：浏览器在无痕模式下读取到了cookie里的数据，就刚好借此机会又学习了一下，看到一篇比较好的博客，一篇搞懂（https://www.cnblogs.com/minigrasshopper/p/8064367.html）想快速了解的可见下表：

最后再提一下今天遇到的问题：为什么浏览器在无痕模式下读取到了cookie里的数据？

浏览器的无痕模式主要旨在提供更高程度的隐私保护，但它并不是一种绝对安全的浏览方式。尽管无痕模式会限制或禁用某些数据的存储和访问，但并不能完全消除所有方式来访问或跟踪用户的数据。

当使用JavaScript库（如js-Cookie）在浏览器中创建Cookie时，通常会将Cookie保存在浏览器的本地存储中。无痕模式下，浏览器可能会在会话结束后删除这些本地存储，但在当前会话期间，JavaScript仍然可以访问和操作这些Cookie。

这意味着，虽然无痕模式会临时禁用某些Cookie的存储和持久性，但如果Cookie已经存在并被存储在本地，JavaScript仍然可以读取和使用它们。这解释了为什么在浏览器的无痕模式下，你可能仍然能够访问到通过js-Cookie存储的数据。

需要注意的是，无痕模式仅影响本地的数据存储和隐私设置，而不会隐藏你的网络活动或阻止其他技术手段来收集信息（例如服务器日志、网络跟踪等）。因此，如果你需要更高级别的隐私保护，可能需要考虑使用其他工具和方法来增强个人隐私。