local-store2

声明式的使用localStorage

Usage no npm install needed!

<script type="module">
  import localStore2 from 'https://cdn.skypack.dev/local-store2';
</script>

README

中文文档

Local Store2

To use localStorage or sessionStorage Declarative

When using 'localStorage', we need to use various magic strings and manually format the content.

Install

npm i local-store2

Usage

fromClass

Use class as the local store carrier.

The property name will be used to access the store content. When there is a default value and the property is empty in the store, the property will be assigned a value.

import { fromClass } from 'local-store2'

@fromClass()
class Demo {
  array: number[] = []
}

const demo = new Demo
console.log(demo.array)

key

By default, fromClass uses the attribute name to access the store content, and the key decorator can be used to customize the access key

Note that if the attribute does not have a default value, you need to use * key * to mark the attribute

@fromClass()
class Demo {
  @key('name')
  str: string = ''

  @key()
  undefine: any
}

const demo = new Demo
console.log(demo.str === store.get('name'))

fromObject

If you don't want to use class, you can use fromObject

import { fromObject } from 'local-store2'

const demo = fromObject({ name: 'z' })

console.log(demo.name === store.get('name'))

const prefixStore = fromObject({ name: 'p' }, { prefix: 'my_' })

console.log(prefixStore.name === store.get('my_name'))

storeWrapper

Accept an object that implements the Storage interface, and realize the function of automatically formatting content. By default, localStorage is used

import { StoreWrapper } from 'local-store2'

const store = new StoreWrapper(sessionStorage)

setGlobalOptions

import { setGlobalOptions } from 'local-store2'

setGlobalOptions(options)

options

store: storeWrapper = defaultStore

Warehouse for data storage

prefix: string = ""

prefix for all storeKeys

forceOverride: boolean = false

ignore the existing content of store and force override