知识点
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有更好的支持 |