JS-Web-API-存储

知识点

cookie

• 本身用于浏览器和server通讯，可以用来当做本地存储

• 可用 document.cookie = 'a=100;b=200' 来修改

• 同key覆盖，不同key追加

缺点：

• 存储太小，最大4kb

• http 请求时需要发送到服务端，增加请求数据量

• 只能用 document.cookie = "....." 来修改，太过简陋

题目

描述cookie localStorage sessionStorage 区别

特性	cookie	localStorage	sessionStorage
数据的生命期	可设置失效时间，默认是关闭浏览器后失效	除非被清除，否则永久保存	仅在当前会话下有效，关闭页面或浏览器后被清除
存放的数据大小	4k左右	5MB	5MB
与服务器端通信	每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题	仅在客户端（浏览器）中保存，不参与和服务器的通信	仅在客户端（浏览器）中保存，不参与和服务器的通信
易用性	需要开发人员自己封装，源生的cookie接口不友好	源生接口可以接受，也可以再次封装来对Object和Array有更好的支持	源生接口可以接受，也可以再次封装来对Object和Array有更好的支持