一、前言 最近需要整理一下前端浏览器都有哪种存储方式，一共是5种，cookies、local storage、session storage、web sql、indexedDB，本文将分别就大小，有效期，和使用方法等方面进行阐述。 二、cookies 1、大小限制 一个域名domain下，单cookie总大小在4KB以内，总条数一般有限。只适合存放
详细教程 indexedDB使用最简单的方式应该就是，打开indexedDB,在第一次打开数据库的时候创建表，之后获取表对表进行增删改查。创建表的时候最好创建一下keypath https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API/Using_IndexedDB <!DOCTYPE html> <html lang="en">
一、诞生背景： 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家
``本地文件 介绍：通过使用在 HTML5 中加入到 DOM 的 File API，使在web内容中让用户选择本地文件然后读取这些文件的内容。 概念：FileReader接口 主要是用来把文件读入内存,并且读取文件中的数据,fileReader接口提供异步API 在学习FileReader接口之前我们先来了解下如何通过<inpu
IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然WEB STORGE在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。 Inde
indexedDB兼容性 代码： class indexedDB { constructor(){ this.indexedDBInstanceObject = null; } openIndexedDB(dbName = 'cacheList', version = 1){ let request = window.indexedDB && window.indexedDB.open(dbName, v
requests.onerror = function(event) { console.log('数据库打开报错！'); } requests.onupgradeneeded = function(event) { console.log('数据库升级'); var db = requests.result; if (!db.objectStoreNames.contains("person&quo
原文章：https://wangdoc.com/javascript/index.html IndexedDB API 概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过 4KB，且每次请
参考：http://www.ruanyifeng.com/blog/2018/07/indexeddb.html cookie localStorage IndexedDB 大小 不超过4KB 2.5MB-10MB 存储大量数据（不少于250MB） 区别 每次请求都会发送回服务器 不提供搜索功能，不能建立自定义的索引 提供查找接口，还能建立索引 同步 异步
