indexeddb

前言 随着Web应用程序出现以来，人们对与能够直接在客户端上存储信息能力的要求始终没有停止过。应用开发人员在找各种方式将数据存储在客户端上。从刚开始的Cookie存储方案，到现在的Web Storage和indexedDB，本文将主要介绍这三种浏览器存储方式优缺点。 Cookie 1、Cookie是什么？ HTTP Cookie ，通常直接叫做 cookie ，起初是在客户端用于存储会话信息的。该标准要求服务器对 任意 HTTP 请求发送 Set-Cookie 而 HTTP 头作为响应的一部分，其中包含会话信息。例如，这种服务器响 应的头可能如下： HTTP/1.1 200 OK Content-type: text/html Set-Cookie: name=value Other-header: other-header-value 这个 HTTP 响应设置以 name 为名称、以 value 为值的一个 cookie ，名称和值在传送时都必须是 URL 编码的。浏览器会存储这样的会话信息，并在这之后，通过为每个请求添加 Cookie , HTTP 头将信 息发送回服务器，如下所示： GET /index.html HTTP/1.1 Cookie: name=value Other-header: other-header-value

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、cookie 1.使用限制 根据统计表明，每个域名50个、大小总计4KB的Cookie是安全的，更多的cookie使用需要进行评估。 2.通常的用法如： 1)写入cookie document.cookie = "name=value"; 指定过期时间和可以访问的域名 document.cookie = "name=Raymond; expires=Fri, 31 Dec 9999 23:59:59 GMT;domain=app.foo.com"; document.cookie = "age=43"; 2)读取cookie document.cookie "name=value;age=43" 得到以分号分隔的字符串 二、web存储API 1.使用限制 1)Web存储有两个版本：本地存储（Local Storage）和会话存储（Session Storage）。两者使 用完全相同的API，但本地存储会持久存在（或者直到用户清除），而会话存储只要浏览器 关闭就会消失。Web存储API官方规范的网址为 http://www.w3.org/TR/webstorage。 2)Web存储是与域名一一对应的。和Cookie不同的是，无法让app.foo.com使用www.foo.com存储的数据。