存储

题目

1. 描述 cookie,localStorage,sessionStorage的区别

// 1.容量的区别
cookie 存贮不超过4kb;
localStorage,sessionStorage 存贮不超过5m
// 2.API易用性
localStorage,sessionStorage 的 setItem getItem 更简单易用
// 3. 是否跟随HTTP请求发送出去
cookie 会随着http请求发送到服务端
localStorage,sessionStorage 不会

知识点

cookie

cookie是储存在用户本地终端上的不超过4KB的小型文本数据，主要目的是为了辨别用户身份

• 用于浏览器和服务器的通信
• 在HTML5的localStorage和sessionStorage出来之前，通常是用cookie做本地存储的。通过前端对cookie进行赋值，无论怎么刷新页面，只要不清除，cookie都不会丢失。因为这种特性，cookie才能够做本地存储，也是HTML5普及之前，唯一能在页面中做本地存储的东西。但是cookie当时的设计并不是用来做本地存储的，而是为了浏览器和服务端进行通信
• 用document.cookie = 'a=100' 这种形式来修改,不同的key会追加，同样的key会修改
  cookie的缺点

1. 存储太小，最大 4KB
2. cookie会随http请求发送到服务端，增加请求数据量
3. 用document.cookie = '...' 这种形式来修改，太过简陋

localStorage,sessionStorage

localStorage,sessionStorage的共同点

• HTML5专门为存储设计的，最大可存5M
• API简单易用 setItem getItem
• 不会随着HTTP请求被发送出去

localStorage,sessionStorage的区别

• localStorage数据会永久存贮，除非代码或手动删除
• sessionStorage数据，只存在于当前会话，浏览器关闭则清空
• 一般用localStorage 多一些