Cookie和HTML5本地存储的对比

Cookie和HTML5本地存储的对比

Cookie

Cookie本是设计用于HTTP协议当中来实现保持会话状态的一种方式，不过在HTML5之前却也被用于进行Web应用程序的数据存储方案。不过这种方式有很大的弊端：
1. 数据存储的大小很受限制，一般来说，标准浏览器下的单个Cookie的存储大小是4KB
2. 消耗性能，由于HTTP协议的规定，当前域下的所有HTTP请求都会携带这些Cookie数据。

HTML5本地存储

HTML5本地存储分为LocalStorage和SessionStorage，我们来区分一下两者：
1. LocalStorage：通过localStorage对象的setItem，getItem，removeItem这3个方法来存储、获取、删除数据。注意只要不删除，存储的数据就会一直存储在本地。
2. SessionStorage：通过sessionStorage对象的setItem，getItem，removeItem这3个方法来存储、获取、删除数据。存储的数据只会存活在当前页面的生命周期中，一旦页面关闭，存储的数据就会自动消失。