文章目录
cookie和session的区别
- cookie数据存放在客户端，session数据放在服务器端
- cookies存储：大小限制在4kb,通过请求服务端返回一个cookieID存在浏览器缓存 中，占用了宽带，浏览器通用，IE6限制每个域名20个cookies，而session原则上没有限制
- cookie的安全性一般，用于存放一般的信息记录，而session的安全性更优，可以用于存放项目的核心数据
WebStorage和cookie的区别
- WebStorage的大小不能超过8MB，而cookie的大小限制在 4KB，通过请求服务端返回一个cookieID存在浏览器缓存中，占用了宽带，而且cookie不可以跨域调用，需要指定的作用域
- WebStorage使用起来更加的简单，有getItem、setItem、removeItem、clear等方法，而cookie需要前端开发者自己封装setCookie,getCookie
- WebStorage仅仅是为了在本地存储数据而存在的，而cookie是不可或缺的，cookie要用于与服务端进行交互，作为HTTP规范的一部分而存在
sessionStorage和localStorage之间的异同点
- sessionStorage 是会话级别的存储 ，不是持久化的本地存储， 数据存储只会存在当前会话中，浏览器关闭之后数据消失，
- 而localStorage是本地/跨会话存储，用于持久化的本地存储，可跨页面传递参数，不会因为刷新页面而释放，浏览器关闭之后数据依然存在，除非手动删除数据，否则数据是永久保存的
- 作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。
- 两者的相同点：以key-value（键值对）的形式存储，可以保存5MB的信息，仅在客户端（浏览器）中保存，和服务器的 通信不参与
sessionStorage的使用方法
SessionStorage.length 查看当前存储数据的个数
SessionStorage[‘key’] = ‘value’ 存储一个数据
var a = SessionStorage[‘key’] 读取一个数据
SessionStorage.getItem(‘key’) 读取一个数据
SessionStorage.setItem(‘key’,‘value’) 存储一个数据
SessionStorage.removeItem(‘key’) 删除指定数据
SessionStorage.clear() 删除所有数据
localStorage的使用方法
localStorage.length 查看当前存储数据的个数
localStorage[‘key’] = ‘value’ 存储一个数据
var a = localStorage[‘key’] 读取一个数据
localStorage.getItem(‘key’) 读取一个数据
localStorage.setItem(‘key’,‘value’) 存储一个数据
localStorage.removeItem(‘key’) 删除指定数据
localStorage.clear() 删除所有数据
