HTML5引入的LocalStorage解决了cookie存储空间不足的问题，提供高达5M的存储空间。LocalStorage数据永久有效，仅在客户端存储，不随HTTP请求发送，适合持久化数据存储。相比之下，cookie通常不超过4K，且每次请求都会携带，适用于短期存储和服务器通信。应用上，cookie常用于会话管理，而LocalStorage用于本地数据存储，减少不必要的网络请求。
在HTML5中,为了解决cookie存储空间不足的问题,新增加了localstorage,主要是用来做本地存储的.
两者区别:
存储大小不同
cookie：一般不超过4K（因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识）
localStorage：5M或者更大
数据有效期
cookie：一般由服务器生成，可以设置失效时间；若没有设置时间，关闭浏览器cookie失效，若设置了时间，cookie就会存放在硬盘里，过期才失效
localStorage：永久有效，窗口或者浏览器关闭也会一直保存，除非手动永久清除，因此用作持久数据
操作性
cookie：需要自己进行封装，原生的cookie接口不够友好
localStorage：原生接口可以接受，可以封装来对Object和Array有更好的支持
ccokie：在http请求中都会加上cookie，即使不需要，故cookie在浏览器和服务器之间来回传递；如果使用cookie保存过多数据会造成性能问题
localStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信；不会自动把数据发送给服务器，仅在本地保存
应用场景
cookie的使用场景一般是作为客户端与服务端的一种信息传递，当添加了cookie，默认的同源的cookie信息会自动作为请求头的一部分被发送到服务端
localStorage一般仅用作客户端的数据存储，如存储一个异步请求的结果数据，然后在页面重渲染时，可以直接读取storage中的数据，减少一次请求的发送
1143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
