cookie、localStorage、sessionStorage

Cookie的弊端

  1. cookie的生成数量
  • 在IE6以下,最多20个cookie
  • IE7以后的版本最多50个cookie
  • Firefox最多50个cookie
  • Chrome和Safari没有硬性限制
  • IE和Opera会清理近期没有使用的cookie,Firefox随机清理
  • cookie最大为4096字节,为了兼容性一般不会超过4095字节
  • IE5以上提供了userData,每个域名下最多存储1M。存放在缓存中,如果没有清理,长期存在。
  • cookie的优点:数据持久性;cookie存储在客户端,不会占据服务端资源;可以设置cookie的有效周期;简单性,基于文本d 轻量结构。
  1. 合理使用cookie的优点
  • 通过良好的变成,可以控制保存在cookie中的session对象的大小
  • 通过加密技术和安全传输技术,减少cookie被破解的可能性。
  • 只在cookie中存放不敏感的信息,被盗也不会造成重大损失。
  • 控制有效期
  1. cookie的缺点
  • cookie数量和大小十分受限
  • 安全性问题。不需要破解,直接转发即可达到目的。
  • 使用范围受限。并不是所有状态都能够通过保存到cookie得到解决。

html中的存储方式

  1. html5中提供了两种存储方法:sessionStorage和localStorage。两者统称webstorage,不同浏览器不能共享,同浏览器共享localStorage。满足同源情况下可以共享sessionStorage。两者都存储在本地客户端。存储类型为字符串类型
  • 大小约5M(不同浏览器不同)
  • sessionStrorage:本地存储一个会话有效的数据,仅仅是会话级别的数据,会话结束后数据也会销毁。
  • localStorage是一个长期有效的本地存储,非主动删除,一直有效。
  1. 获取方式
  • sessionStrorage:window.sessionStrorage
  • localStorage:window.localStorage
  1. 应用场景
  • 长期有效的可以使用localStorage
  • 敏感操作 一次有效 使用sessionStrorage
  1. 相比cookie
  • 能够存储更多的数据。
  • 节省流量,节约服务器资源:由于不会传输到服务器,节约流量。并且本地获取比服务器更快,所以效率更高。

你可能感兴趣的:(JS,html,session,cookie)