IndexedDB

Rocture 發(fā)布于2019-08-26 12:22 / 2671人閱讀

摘要：初體驗特點對象形式存儲異步防止鎖死瀏覽器，是同步的支持事物只要有一步失敗，整個事物回滾同源限制不能跨域訪問數(shù)據庫存儲空間比大大的多支持二進制存儲我寫了一個通訊錄的項目，利用在瀏覽器持續(xù)化端存儲通訊錄數(shù)據學習自阮一峰瀏覽器數(shù)據庫我貼出大概示例

IndexedDB初體驗 特點：

對象形式存儲

異步（防止鎖死瀏覽器，localstorage是同步的

支持事物（只要有一步失敗，整個事物回滾

同源限制 (不能跨域訪問數(shù)據庫

存儲空間比localstorage大（大的多

支持二進制存儲

我寫了一個通訊錄的項目，利用indexeddb在瀏覽器持續(xù)化端存儲通訊錄數(shù)據
學習自: 阮一峰瀏覽器數(shù)據庫 & indexedDB API

我貼出大概示例：

安裝：

yarn install

運行:

yarn start

// DB.ts

interface Idb {
    database: string; // 數(shù)據庫名稱
    version: number; // 版本號
    db: any; // 數(shù)據庫創(chuàng)建成功后的對象
    store: any[]; // 初始化存儲數(shù)據
    tables: any[]; // 表選項
    
    open(): void; // 打開數(shù)據庫方法
    add(): void; // 插入一條數(shù)據
    read(i): void; // 讀取指定數(shù)據
    readAll(): void; // 讀取全部數(shù)據
    remove(i): void; // 移除指定數(shù)據
    update(o): void; // 更新指定數(shù)據
}

init.ts

import IndexedDB from "./DB";
var db_person = new IndexedDB("db_test", 1);
db_person.open(); // 初始化數(shù)據庫操作

GPU云服務器云服務器 indexedDB

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/108577.html

初探IndexedDB

背景隨著前端技術日新月異地快速發(fā)展，web應用功能和體驗也逐漸發(fā)展到可以和原生應用媲美的程度，前端緩存技術的應用對這起到了不可磨滅的貢獻，因此想一探前端的緩存技術，這篇文章主要會介紹在日常開發(fā)中比較少接觸的IndexedDB IndexedDB 什么是IndexedDB IndexedDB簡單理解就是前端數(shù)據庫，提供了一種在用戶瀏覽器中持久存儲數(shù)據的方法，但是和前端關系型數(shù)據不同的是，Index...

jsyzchen 2019-08-23 17:10 評論0 收藏0
IndexedDB使用與出坑指南

摘要：在不指定的情況下，默認版本號為。具體示例如下在需要更新數(shù)據庫的模式時，需要更新版本號。此時我們指定一個高于之前版本的版本號，就會觸發(fā)事件。數(shù)據操作事務在中，我們也能夠使用事務來進行數(shù)據庫的操作。概述本文通過對IndexedDB的使用方法和使用場景進行相關介紹，對常見的問題進行解答。同時，因為MDN中的相關文檔缺乏相關邏輯性，所以不容易理解。本文將通過項目中常見的數(shù)據存儲和操作需求...

陳偉 2019-08-20 11:04 評論0 收藏0
indexedDB入門

摘要：概述是一個事務型數(shù)據庫系統(tǒng)，類似于基于的。然而不同的是它使用固定列表，是一個基于的面向對象的數(shù)據庫。參考文檔瀏覽器數(shù)據庫入門教程概述 IndexedDB 是一個事務型數(shù)據庫系統(tǒng)，類似于基于 SQL 的 RDBMS。然而不同的是它使用固定列表，IndexedDB 是一個基于 JavaScript 的面向對象的數(shù)據庫?，F(xiàn)有的瀏覽器數(shù)據儲存方案，都不適合儲存大量數(shù)據：Cookie 的大小...

awesome23 2019-08-23 15:10 評論0 收藏0
HTML5 進階系列：indexedDB 數(shù)據庫

摘要：版本號必須為整數(shù)更新版本，打開版本為的數(shù)據庫新數(shù)據庫版本號為我們通過監(jiān)聽請求對象的事件來定義數(shù)據庫版本更新時執(zhí)行的方法。前言在 HTML5 的本地存儲中，有一種叫 indexedDB 的數(shù)據庫，該數(shù)據庫是一種存儲在客戶端本地的 NoSQL 數(shù)據庫，它可以存儲大量的數(shù)據。從上篇：HTML5 進階系列：web Storage ，我們知道 web Storage 可以方便靈活的在本地存取...

philadelphia 2019-08-20 16:07 評論0 收藏0