浏览器里的本地数据库：IndexedDB

if('indexedDB'inwindow){  console.log('当前浏览器支持 IndexedDB');  return;} else {  console.log('您的浏览器不支持 IndexedDB')  // todo 建议升级或者更换其他浏览器}

// 数据库实例let db;// 数据库打开操作，第一个参数是数据库名称, 第二个参数是数据库版本let DBRequestLink = window.indexedDB.open('dataBaseName', 1)DBRequestLink.onsuccess = function(event) {  // 获取数据库实例  db = DBRequestLink.result;  // 其他操作};// 这个监听回调触发于数据库首次新建、open数据库时传递新版本(只能比之前传递的版本高)DBRequestLink.onupgradeneeded = function(event) {};

DBOpenRequest.onupgradeneeded = function(event) {  let db = event.target.result;
  // 创建一个数据库存储对象，并指定主键  let objectStore = db.createObjectStore('person', {    keyPath: 'id',    autoIncrement: true  });
  /* 定义存储对象的数据项   * 第一个参数是创建的索引名称，可以为空   * 第二个参数是索引使用的关键名称，可以为空   * 第三个参数是可选配置参数，可以不传，常用参数之一就是 unique ，表示该字段是否唯一，不能重复   */  objectStore.createIndex('id', 'id', {    unique: true  });  objectStore.createIndex('name', 'name');  objectStore.createIndex('age', 'age');  objectStore.createIndex('sex', 'sex');};

// 这里的 db 就是第二步中的 db 对象，// transaction api 的第一个参数是数据库名称，第二个参数是操作类型let newItem = {  id: 1,  name: '徐嘻嘻',  age: 3,  sex: 'female'};let transaction = db.transaction('dataBaseName', "readwrite");// 找到对应的存储对象let objectStore = transaction.objectStore('person');// 添加到数据对象中, 传入javascript对象objectStore.add(newItem);

// 这里的 db 就是第二步中的 db 对象，// 新建事务let transaction = db.transaction('dataBaseName', "readwrite");// 新数据主体let newRecord = {  id: 1,  name: '徐嘎嘎',  age: 5,  sex: 'male'};// 打开已经存储的数据对象let objectStore = transaction.objectStore('person');// 获取存储的对应键的存储对象, 传入主键 id，值为 1let objectStoreRequest = objectStore.get(1);// 获取成功后替换当前数据objectStoreRequest.onsuccess = function(event) {  // 数据  var record = objectStoreRequest.result;  // 遍历替换  for (let key in newRecord) {    if (typeof record[key] != 'undefined' || key !== 'id') {      record[key] = newRecord[key];    }  }  // 更新数据库存储数据  objectStore.put(record);};

// 这里的 db 就是第二步中的 db 对象，// 新建事务let transaction = db.transaction('dataBaseName', "readwrite");// 打开已经存储的数据对象let objectStore = transaction.objectStore('person');// 获取存储的对应键的存储对象, 传入主键 id，值为 1let objectStoreRequest = objectStore.delete(1);