客户端存储

前言:

客户端本地存储就是将一些我们所需要的信息存储到本地,从而减少向服务器请求数据的次数,减少性能消耗,主要有两种,分别是localStorage、sessionStorage、cookie

localStorage、sessionStorage和cookie的区别:

cookie虽然实现了将一些信息本地存储,但是在http协议报文头上有一个cookie属性,保存着当前的cookie信息,每次数据交互都会将该cookie附带发送,
如果cookie信息量很大,就会产生一些性能损耗。而localStorage和sessionStorage不会这样。

localStorage和sessionStorage的区别:

  1. 有效期 :localStorage有效期是永久的,关闭浏览器后数据不会丢失,除非我们手动删除。
    而sessionStorage的有效期是临时的,仅仅在会话期间,当我们关闭窗口或关闭浏览器,数据就会被销毁。

  2. 作用域:localStorage:文档源限制(也就是只要符合同源策略都可以共享到该信息,反之...)
    而sessionStorage:文档源限制 + 窗口(也就是两个页面不仅要符合同源策略,还要在同一个窗口下,反之...)

localStorage、sessionStorage一些API方法:

  1. setItem(name,val) 写入一条本地信息

  2. getItem(name) ឴ 读取key值为name的一条信息

  3. removeItem(name) 删除key值为name的一条信息

  4. clear() 删除所有保存的数据信息

P.S. 至于cookie的一些具体介绍,请戳:http://liyanlei.com/cookie.html

原文地址:https://www.cnblogs.com/Walker-lyl/p/7454525.html