一、cookie、localstorage、sessionstorage的比较
1、cookie
(1)用于浏览器与服务端的通讯;
(2)最早被’借用‘到本地存储
(3)js修改方式为 document.cookie = ‘a=100;b=200’。
用逗号分隔;相同key会覆盖,不同key会新增;刷新页面cookie依然可以获得。
cookie的缺点:
(1)数据量大小有限制:4kb
(2)每次发起http请求都会带上cookie发送到服务端,增加数据请求量
(3)只能用document.cookie来修改,api简陋且麻烦
2、localStorage和sessionStorage
HTML5专门为储存提供的api,每个域名最大储存数据量为5M。
提供了方便的api,setItem和getItem
不会随着http请求发到服务端
差别:localStorage永久储存,除非手动删除;sessionStorage当前会话期间有效,数据在页面关闭后自动清除