阅读 70

localStorage、sessionStorage、Cookie的区别详解

localStorage、sessionStorage、Cookie共同点:

都保存在浏览器端,且是同源的(顺便解释一下同源:域名、协议、端口号相同)

localStorage、sessionStorage、Cookie不共同点:

  • 存储大小的不同:
  1. localStorage的大小一般为5M
  2. sessionStorage的大小一般为5M
  3. cookies的大小一般为4K
  • 有效期不同:
  1. localStorage的有效期为永久有效,除非你进行手动删除。
  2. sessionStorage在当前会话下有效,关闭页面或者浏览器时会被清空。
  3. cookies在设置的有效之前有效,当超过有效期便会失效。
  • 与服务器端的通信
  1. localStorage不参与服务器端的通信。
  2. sessionStorage不参与服务器端的通信。
  3. cookies参与服务器端通信,每次都会携带http的头信息中。(如果使用cookie保存过多数据会带来性能问题)
  • localStorage和sessionStorage的作用域的区别详解
  1. 不同浏览器无法共享localStorage或sessionStorage中的信息。
  2. 相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。