localstorage和cookie都可以用来做本地存储,实现数据持久化。它们的区别还是很多的,主要体现在以下几个方面。
第一:能保存的数据大小不同。localstorage能保存的内容更多一些,查资料差不多是5M;cookie能保存的内容少一些,差不多4K
第二: 有效时间不同。cookie的有效期可以自行设置,而localstorage可以一直生效。
第三:在请求时,cookie会被携带,而localstorage不会。同源的cookie信息会自动作为请求头的一部分发给服务器,如果过多设置cooke,会额外增加通信负荷。而localstorage没有这个问题,它会一直存在于浏览器端。
在实际开发中,我会根据具体情况来选择使用它们。如果不需要与服务器通信并且可以长时间保存在客户端的信息就可以采用localstorage来保存,例如:网站中,提供的个人设置信息。