Please enable JavaScript.

Coggle requires JavaScript to display documents.

离线储存 - Coggle Diagram

- - - - Set-Cookie: <cookie-name>=<cookie-value>
        
        HTTP/2.0 200 OK
        Content-Type: text/html
        Set-Cookie: yummy_cookie=choco
        Set-Cookie: tasty_cookie=strawberry
        
        GET /sample_page.html HTTP/2.0
        Host: www.example.org
        Cookie: yummy_cookie=choco; tasty_cookie=strawberry
        
        Set-Cookie: <cookie-name>=<cookie-value>; Expires=<date>
        
        Set-Cookie: <cookie-name>=<cookie-value>; Max-Age=<number>
        
        Set-Cookie: <cookie-name>=<cookie-value>; Domain=<domain-value>
        
        Set-Cookie: <cookie-name>=<cookie-value>; Path=<path-value>
        
        Set-Cookie: <cookie-name>=<cookie-value>; Secure
        
        Set-Cookie: <cookie-name>=<cookie-value>; HttpOnly
        
        Set-Cookie: <cookie-name>=<cookie-value>; SameSite=Strict
        
        Set-Cookie: <cookie-name>=<cookie-value>; SameSite=Lax
        
        Set-Cookie: <cookie-name>=<cookie-value>; SameSite=None; Secure
    - - Set-Cookie: id=a3fWa; Expires=Thu, 31 Oct 2021 07:28:00 GMT;
- - - - IndexedDB 内部采用对象仓库（object store）存放数据。
      - 所有类型的数据都可以直接存入，包括 JavaScript 对象
      - 对象仓库中，数据以"键值对"的形式保存，每一个数据记录都有对应的主键，主键是独一无二的，不能有重复，否则会抛出一个错误
    - - IndexedDB 操作时不会锁死浏览器，用户依然可以进行其他操作
      - 异步设计是为了防止大量数据的读写，拖慢网页的表现
    - - 意味着一系列操作步骤之中，只要有一步失败，整个事务就都取消，数据库回滚到事务发生之前的状态，不存在只改写一部分数据的情况
    - - IndexedDB 受到同源限制，每一个数据库对应创建它的域名
      - 网页只能访问自身域名下的数据库，而不能访问跨域的数据库。
    - - 储存空间比 LocalStorage 大得多，一般来说不少于 250MB，甚至没有上限。
    - - 不仅可以储存字符串，还可以储存二进制数据（ArrayBuffer 对象和 Blob 对象）。
  - - - onerror: 请求失败的回调函数句柄
      - onsuccess:请求成功的回调函数句柄
      - onupgradeneeded:请求数据库版本变化句柄
    - - function closeDB(){ db.close();}
    - - function deleteDB(){indexedDB.deleteDatabase(name)}
- - - - window.onstorage = event => {
        if (event.key != 'now') return;
        alert(event.key + ':' + event.newValue + " at " + event.url);
        };
        localStorage.setItem('now', Date.now());
      - 如果两个window都在监听window.onstorage, 其中一个更新的时候，另一个也会更新