web Storage的特点
当在前端网页需要进行一些数据存储时,我们最常用到的就是Storage存储:
优点:
- localStorage解决了cookie存储空间太小的问题。
- 相比于cookie的4KB大小存储空间,localStorage的存储空间大小来到了5MB,相当于一个前端的数据库。
格式
- Storage存储的格式是键值对(key-value)的格式。
- 并且浏览器会将所有Storage的值类型限定为string类型,所以需要进行一些转换。
缺点
- 低版本的ie浏览器会不支持Storage。
- Storage存储数据所占空间太多会影响性能。导致页面变卡。
- Storage并不会被搜索引擎的爬虫所抓取到。
localStorage和sessionStorage的区别
- localStorage的存储是永久性的,只有在手动删除或者浏览器被卸载后才会被清除。
- sessionStorage的存储保存同一窗口或者标签页的数据,当窗口或者页面关闭后会被清除。
cookie的特点
cookie就是服务端发送给客户端的特殊信息,然后保存在客户端的文本信息。当用户给服务器发送信息的时候会携带cookie。
特点
cookie是名值对方式进行存储。当设置cookie时没有指定expries的过期时间,cookie就会在整个浏览器窗口关闭时被删除。
您还可以为 cookie 添加一个过期时间(以 UTC 或 GMT 时间)。默认情况下,cookie 在浏览器关闭时删除:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";
//删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可,如下所示,设置为 Thu, 01 Jan 1970 00:00:00 GMT:
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
cookie的存储数据大小一般为4KB。