浏览器储存问题

前端工程师面试题目汇总之储存问题

---

储存问题

1.Cookie 的弊端
cookie 虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的; 每个特定的域名下最多生成 20 个 cookie;IE 和 Opera 会清理近期最少使用的 cookie，Firefox 会随机清
理 cookie;cookie 的最大大约为 4096 字节，为了兼容性，一般不能超过 4095 字节; 优点：极高的扩展性和可用性
1.通过良好的编程，控制保存在 cookie 中的 session 对象的大小。
2.通过加密和安全传输技术（SSL），减少 cookie 被破解的可能性。
3.只在 cookie 中存放不敏感数据，即使被盗也不会有重大损失。
4.控制 cookie 的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的 cookie。 缺点:
1.Cookie 数量和长度的限制。每个 domain 最多只能有 20 条 cookie，每个 cookie 长度不能超过 4KB， 否则会被截掉。
2.安全性问题。如果 cookie 被人拦截了，那人就可以取得所有的 session 信息。即使加密也与事无补， 因为拦截者并不需要知道 cookie 的意义，他只要原样转发 cookie 就可以达到目的了。
3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数 器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。

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

3.web storage 和 cookie 的区别
Web Storage 的概念和 cookie 相似，区别是:
Web storage:1.是为了更大容量存储设计的。2.Web Storage 拥有 setItem,getItem,removeItem,clear 等方 法.3.Web Storage 仅仅是为了在本地“存储”数据而生
Cookie:1.大小是受限的，并且每次你请求一个新的页面的时候 Cookie 都会被发送过去，这样无形中浪 费了带宽;2.cookie 还需要指定作用域，不可以跨域调用。3.需要前端开发者自己封装 setCookie，getCookie. 4.cookie 的作用是与服务器进行交互，作为 HTTP 规范的一部分而存在;
localStorage 和 sessionStorage 都具有相同的操作方法，例如 setItem、getItem 和 removeItem 等 。

4.cookie 和 session 的区别：
1.cookie 数据存放在客户的浏览器上，session 数据放在服务器上。
2.cookie 不是很安全，别人可以分析存放在本地的 COOKIE 并进行 COOKIE 欺骗 考虑到安全应当使 用 session。
3.session 会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能 考虑到减轻服务 器性能方面，应当使用 COOKIE。
4.单个 cookie 保存的数据不能超过 4K，很多浏览器都限制一个站点最多保存 20 个 cookie。
5.所以个人建议:将登陆信息等重要信息存放为 SESSION 其他信息如果需要保留,可以放在 COOKIE 中 。