localstorage 和 cookie的区别

共同点 :

    localstorage和cookie都可以用来做本地存储，实现数据持久化，且都是以键值对的方式存储数据。

 

区别:

   1.数据存储大小不同。localstorage存储数据的最大为5M左右，而cookie能保存的数据大小只有4k左右

   2.有效时间不同。cookie可以自己设置存储的数据的有效时间，而localstorage如果不主动删除会一直存在。

  3.cookie需要自己定义方法或者引入js文件来实现获取、存储和移除。而localstorage自身就有get、set、remove方法实现获取、存储和移除。

  4.在发送请求时，cookie会被携带，而localstorage不会。同源的cookie信息会自动作为请求头的一部分发给服务器，如果过多设置cooke会额外增加通信负荷。而localstorage只会存在浏览器端。

   在实际开发中，我们应该根据具体情况来选择使用cookie还是localstorage。如果不需要与服务器通信并且要长时间保存在客户端的信息就可以采用localstorage来存储，例如：网站中，提供的个人设置信息。