cookie,localstorage,sessionstorage

2023年5月19日 198次阅读 来源: Viaphlyn

cookie(小甜饼)

存储在用户本地终端上的数据。

  • Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求，就会自动附上这段信息。
  • 有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。
  • 一般应用最典型的案列有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。

Web Storage 包含如下两种机制：为每一个给定的源（given origin）维持一个独立的存储区域。

sessionStorage(会话存储)

顾名思义，该存储区域在页面会话期间可用，数据在页面会话结束时会被清除。

localStorage(本地存储)

在浏览器关闭，然后重新打开后数据仍然存在。
被大多数浏览器所支持

这两种机制是通过 Window.sessionStorage和 Window.localStorage 属性使用—— 调用其中任一对象会创建 Storage对象，通过 Storage对象，可以设置、获取和移除数据项。对于每个（origin）sessionStorage 和 localStorage 使用不同的 Storage 对象——独立运行和控制。

特性CookielocalStoragesessionStorage
数据的生命期可设置失效时间，默认是关闭浏览器后失效除非被清除，否则永久保存仅在当前会话下有效，关闭页面或浏览器后被清除
存放数据大小4K左右一般为5MB一般为5MB
与服务器端通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题仅在客户端（即浏览器）中保存，不参与和服务器的通信仅在客户端（即浏览器）中保存，不参与和服务器的通信
易用性需要程序员自己封装，源生的Cookie接口不友好源生接口可以接受，亦可再次封装来对Object和Array有更好的支持源生接口可以接受，亦可再次封装来对Object和Array有更好的支持

MDN
参考资料

    原文作者：Viaphlyn
    原文地址: https://www.jianshu.com/p/2f8ac116703c
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞