本地存储通常是指在客户端（如浏览器）或本地设备（如计算机、手机等）上存储数据的一种方式。这种存储方式可以让数据在用户不联网的情况下也能被访问和使用。
以下是一些常见的本地存储方式及其对应的代码示例：
- Web Storage API（Web存储API）
Web Storage API是一种简单的键值对存储系统，可以在浏览器中存储数据。它有两种类型：sessionStorage和localStorage。sessionStorage对象在会话期间存储数据，而localStorage对象则是永久存储数据。
示例代码：
javascript// 存储数据 localStorage.setItem('key', 'value'); // 获取数据 let data = localStorage.getItem('key'); // 删除数据 localStorage.removeItem('key'); // 清空所有数据 localStorage.clear();
- IndexedDB
IndexedDB是一种持久化的本地数据库，可以存储大量结构化的数据，并支持复杂的查询和事务。它需要使用JavaScript来操作。
示例代码：
javascript// 打开数据库连接 let request = indexedDB.open('myDatabase', 1); // 创建对象存储空间 request.onupgradeneeded = function(e) { let db = e.target.result; if (!db.objectStoreNames.contains('myStore')) { db.createObjectStore('myStore'); } }; // 存储数据 request.onsuccess = function(e) { let db = e.target.result; let tx = db.transaction('myStore', 'readwrite'); let store = tx.objectStore('myStore'); store.put('value', 'key', tx); }; // 获取数据 request.onsuccess = function(e) { let db = e.target.result; let tx = db.transaction('myStore', 'readonly'); let store = tx.objectStore('myStore'); let getRequest = store.get('key'); getRequest.onsuccess = function() { console.log(getRequest.result); }; };
