Cookie,sessionstorage,localstorage

cookie

cookie比较小，最多只能存放4k的数据，主要用来存储一些比较小的数据，比如用来存储用户信息，辨别用户身份，判断用户是否登录。
会被携带在同源的http请求中传递，cookie保存数据过多会造成性能问题。
cookie的默认失效时间是关闭浏览器后失效，也可以自己设置失效时间。
localStorage

可以存放5MB的数据。
仅在浏览器中保存，只在请求时使用数据，不参与和服务器的通信。
localStorage存储的数据可以永久保存，关闭浏览器也不会失效，只能手动清除在同一域下同一个浏览器不同窗口页面，操作的是同一个localStorage,不同窗口下的数据并没有相互独立，会造成数据混乱，例如添加或删除一个数据，其他的窗口也会同步添加或删除。
增删改查
var str=‘aaa’;
localStorage.clear()//清除所有缓存
localStorage.setItem(‘code’,str);//增 参一：key，参二：value 字符串类型
localStorage.getItem(‘code’);//查
localStorage.removeItem(‘code’,str);//删 参数为key,字符串类型
localStorage.code=‘zzz’; //改，重新给属性赋值，以最后一次赋的值为准
1
2
3
4
5
6
sessionStorage

可以存放5MB的数据。
仅在浏览器中保存，只在请求时使用数据，不参与和服务器的通信。
sessionStorage存储的数据只在页面关闭之前保存，浏览器窗口关闭时失效，不同窗口下的sessionStorage存储相互独立，互不干扰。
sessionStorage 和 localStorage的增删改查方法用法都一样。
安全性问题
Cookie、localStorage 和 sessionStorage存储数据可以避免反复向服务器发送请求，提高了性能，非常方便。但是存放在浏览器中的数据相对来说是不安全的，容易受到攻击造成数据泄露，所以重要的信息还是放在服务器里更加安全。