All Projects → doubi-NO1 → browserStorage

doubi-NO1 / browserStorage

Licence: other
浏览器本地存储封装

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to browserStorage

client-persist
Offline storage for your web client. Supports IndexedDB, WebSQL, localStorage and sessionStorage with an easy to crawl with API.
Stars: ✭ 14 (-53.33%)
Mutual labels:  localstorage, sessionstorage, websql
Nuxt Storage
🛢 Utilities for easy read and write browser's storage in Nuxt.js project
Stars: ✭ 98 (+226.67%)
Mutual labels:  localstorage, sessionstorage
Vue Mail List
vue全家桶+localStorage实现一个简易的通讯录
Stars: ✭ 81 (+170%)
Mutual labels:  localstorage, sessionstorage
local-storage-fallback
Check and use appropriate storage adapter for browser (localStorage, sessionStorage, cookies, memory)
Stars: ✭ 103 (+243.33%)
Mutual labels:  localstorage, sessionstorage
mst-persist
Persist and hydrate MobX-state-tree stores (in < 100 LoC)
Stars: ✭ 75 (+150%)
Mutual labels:  localstorage, sessionstorage
Recoil Persist
Package for recoil state manager to persist and rehydrate store
Stars: ✭ 66 (+120%)
Mutual labels:  localstorage, sessionstorage
React Storage Hooks
React hooks for persistent state
Stars: ✭ 146 (+386.67%)
Mutual labels:  localstorage, sessionstorage
Vue Ls
💥 Vue plugin for work with local storage, session storage and memory storage from Vue context
Stars: ✭ 468 (+1460%)
Mutual labels:  localstorage, sessionstorage
React Local Storage
Showcase on how to use the native localStorage of the browser in React.
Stars: ✭ 168 (+460%)
Mutual labels:  localstorage, sessionstorage
Brownies
🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.
Stars: ✭ 2,386 (+7853.33%)
Mutual labels:  localstorage, sessionstorage
vue-storage-watcher
a reactive storage plugin for vue 👀🔭
Stars: ✭ 60 (+100%)
Mutual labels:  localstorage, sessionstorage
Proxy Storage
Provides an adapter for storage mechanisms (cookies, localStorage, sessionStorage, memoryStorage) and implements the Web Storage interface
Stars: ✭ 10 (-66.67%)
Mutual labels:  localstorage, sessionstorage
Storagedb
MongoDB-like API for HTML5 Storage (localStorage and sessionStorage)
Stars: ✭ 16 (-46.67%)
Mutual labels:  localstorage, sessionstorage
Bin
A tiny (<1kb) localStorage and sessionStorage helper library.
Stars: ✭ 70 (+133.33%)
Mutual labels:  localstorage, sessionstorage
Web Storage Cache
对localStorage 和sessionStorage 进行了扩展,添加了超时时间,序列化方法
Stars: ✭ 582 (+1840%)
Mutual labels:  localstorage, sessionstorage
Store
A better way to use localStorage and sessionStorage
Stars: ✭ 1,646 (+5386.67%)
Mutual labels:  localstorage, sessionstorage
Jest Localstorage Mock
A module to mock window.localStorage and window.sessionStorage in Jest
Stars: ✭ 247 (+723.33%)
Mutual labels:  localstorage, sessionstorage
Localforage
💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
Stars: ✭ 19,840 (+66033.33%)
Mutual labels:  localstorage, websql
Ng2 Webstorage
Localstorage and sessionstorage manager - Angular service
Stars: ✭ 395 (+1216.67%)
Mutual labels:  localstorage, sessionstorage
Ngx Store
Angular decorators to automagically keep variables in HTML5 LocalStorage, SessionStorage, cookies; injectable services for managing and listening to data changes and a bit more.
Stars: ✭ 152 (+406.67%)
Mutual labels:  localstorage, sessionstorage

BrowserStorage 浏览器本地存储

产生背景

从html5开始,浏览器本地存储能力已经变的很强大了,但是每一种存储的api都不相同,BrowserStorage将本地存储封装成同一api,极大的方便了使用。

快速开始

浏览器引用

   <script src="browserStorage.js"></script>

npm安装

npm install browsers-storage --save

默认使用

不指定存储方式时,优先使用websql,如果浏览器不支持websql,则降级使用indexdb

  //目前只有chrome支持websql,其它浏览器都不支持websql
  let storage = new BrowserStorage();

指定存储

  //indexdb
  let indexdb = new BrowserStorage('indexdb');

  //localStorage
  let local = new BrowserStorage('local');

  //sessionStorage
  let session = new BrowserStorage('session');

  //内存
  let memory = new BrowserStorage('memory');

  //websql
  let websql = new BrowserStorage('websql');

对数据进行操作

  //添加数据
  for(var i =0 ; i < 10 ; i++ ){
    storage.put("storage_"+i,"testcase " + i)
  }
  
  //获取数据
  storage.get("storage_0").then(function(res){
    console.log(res);
  })
  
  //删除数据
  storage.del("storage_9").then(function(res){
    console.log(res);
  })
  
  //存储大小
  storage.size().then(function(res){
    console.log(res);
  })
  
  //获取包含关键字key
  storage.keys("storage").then(function(res){
    console.log(res);
  })

示例

在线示例

查看

本地查看

  git clone https://github.com/doubi-NO1/browserStorage.git
  
  cd browswerStorage

  node server.js

打开浏览器输入地址 http://localhost:9090/test/test.html查看效果

注意:BrowserStorage全部api均为异步Promise方式

协议

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].