cookie与localStorage

嗯，昨天面试问到了cookie和H5新增的两个存储的区别，我只是简单从大小和自动失效来讲了一下，由于经常使用的是cookie，习惯了手写cookie的麻溜，忘了之前h5读的文档了，特意从为知笔记里面扒出来，再记一下。以下：

 

浏览器本地存储

• 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage
• html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage
• sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问而且当会话结束后数据也随之销毁。所以sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储
• 而localStorage用于持久化的本地存储，除非主动删除数据，不然数据是永远不会过时的

web storage和cookie的区别

• Web Storage的概念和cookie类似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，而且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还须要指定做用域，不能够跨域调用
• 除此以外，WebStorage拥有setItem,getItem,removeItem,clear等方法，不像cookie须要前端开发者本身封装setCookie，getCookie
• 可是cookie也是不能够或缺的：cookie的做用是与服务器进行交互，做为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生
• 浏览器的支持除了IE７及如下不支持外，其余标准浏览器都彻底支持(ie及FF需在web服务器里运行)，值得一提的是IE老是办好事，例如IE七、IE6中的userData其实就是javascript本地存储的解决方案。经过简单的代码封装能够统一到全部的浏览器都支持web storage
• localStorage和sessionStorage都具备相同的操做方法，例如setItem、getItem和removeItem等

cookie 和session 的区别：

• 一、cookie数据存放在客户的浏览器上，session数据放在服务器上。

• 二、cookie不是很安全，别人能够分析存放在本地的COOKIE并进行COOKIE欺骗

  • 考虑到安全应当使用session。

• 三、session会在必定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能

  • 考虑到减轻服务器性能方面，应当使用COOKIE。

• 四、单个cookie保存的数据不能超过4K，不少浏览器都限制一个站点最多保存20个cookie。

• 五、因此我的建议：

  • 将登录信息等重要信息存放为SESSION

  • 其余信息若是须要保留，能够放在COOKIE中

描述 cookies、sessionStorage 和 localStorage 的区别？

• 与服务器交互：

  • cookie 是网站为了标示用户身份而储存在用户本地终端上的数据（一般通过加密）
  • cookie 始终会在同源 http 请求头中携带（即便不须要），在浏览器和服务器间来回传递
  • sessionStorage 和 localStorage 不会自动把数据发给服务器，仅在本地保存

• 存储大小：

• cookie 数据根据不一样浏览器限制，大小通常不能超过 4k
• sessionStorage 和 localStorage 虽然也有存储大小的限制，但比cookie大得多，能够达到5M或更大

• 有期时间：
  • localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
  • sessionStorage 数据在当前浏览器窗口关闭后自动删除
  • cookie 设置的cookie过时时间以前一直有效，与浏览器是否关闭无关