IndexedDB
浅析浏览器数据库IndexedDB：基本概念、操作流程及各对象属性和方法
一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 Cookie 的大小不超过4KB，且每次请求都会发送回服务器； LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能， ......
indexedDB_1_数据库的创建与连接
indexedDB通过.open(DBName, version)方法连接数据库, 该方法接收两个参数, 分别代表数据库名与数据库版本; 如果该数据库已存在, 那么将会尝试连接该数据库, 如果该数据库不存在, 将会创建; 调用这个方法会返回一个IDBRequest对象 let db, request ......
IndexedDB设计及封装
设计思路 固定数据表 键值对表 用于存储数据库相关的信息 库字段构成表 储存非固定数据表结构 非固定数据表 通过库字段构成表进行创建或更新 划重点 数据库初始创建或更新后会先触发onupgradeneeded方法，然后再触发onsuccess方法，如果在onupgradeneeded方法中执行了表结 ......
offscreenCanvas+worker+IndexedDB实现无感大量图片缓存
一个有必要实现的需求 因为项目中需要使用canvasTexture(一个threejs3d引擎中的材质类型)，绘制大量的图片，每次使用都会请求大量的oss图片资源，虽然重复请求会有磁盘缓存但毕竟这个磁盘缓存时效过短， 这里需要了解一下知识才能正常阅读。 Transferable objects ht ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法，以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法，可以重复使用代码： function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
IndexedDB 基础操作入门
IndexedDB 打开数据库、建立连接、建表、加索引字段、添加、更新、删除、查询等操作介绍。 示例代码： /** * 1. 键值对存储 * 内部采用对象仓库（object store）存放数据，支持所有类型数据的存入。 * 在数据仓库中，数据以"键值对"的形式保存，数据记录都有唯一的主键（不可重复 ......
web网站使用indexedDB缓存大数量案例
前言及背景 indexedDB 是 html5 标准引入的web数据持久化方案之一，现代浏览器大多按照标准对其进行了实现，我在新的项目中用到它来作为持久化数据存储，由于最近在web端项目，每次web前端需要实时计算中间成果预计18G的中间过度数据，预计最终每次生成200M以上的结果数据，在此过程耗时 ......
存储IndexedDB之Dexie
[前端大容量存储IndexedDB之Dexie.js - 掘金](https://juejin.cn/post/7025592963002531871) IndexedDB存储 Dexie.js 对IndexedDB的封装，语法简单，可以快速方便的编写代码 webSQL 总结 webSQL标准不再更 ......