English | 简体中文

The encapsulation of local storage localStorage, provides expiration time setting and subscription functions, provides simple API use, no dependencies, and the compression is only 3.71KB (gzipped: 1.37KB).

• Better to use localStorage
• Easy to learn and use
• Expiration time of support data
• Support for monitoring data changes
• Built with TypeScript, providing full type definition files

# npm install
npm install local-store-pro

npm run build

npm test

or manually download and include in your HTML local-store-pro.min.js，you can also pass UNPKG to download：

<script src="https://unpkg.com/local-store-pro/lib/local-store-pro.min.js"></script>
<script type="text/javascript">
LocalStorePro("test","local-store-pro");
</script>

or

import store from 'local-store-pro';
store("test","local-store-pro");

Storing data store.set(key, data[, expires]); or store(key, data[, expires]);

store.set("test","1"); //⇒1
store.set("test","1",3); //⇒1 test expires after 3 seconds

Get string data of key store.get(key) or store(key)

store.get("test"); // Get the string data of test
store("test"); // Same function as above

delete data under key store.remove(key)

store.remove("test");

clear all key/data store.clear()

store.clear(); // Will publish all key value changes

Check if it exists and return true/false store.has(key)

store.has("test"); //⇒true

Subscribe to test data changes

store.subscribe("test",(e)=>{})

For the event variable e, it is an abbreviated object from the StorageEvent object, which provides some practical properties, which can be used to observe the changes of key-value pairs well, as shown in the following table：

Unsubscribe from test data changes

const someName = (e)=>{}
store.subscribe("test",someName)
store.unsubscribe("test",someName) // ⚠️Note that unsubscribe cannot be an anonymous method
store.unsubscribe("test") // ⚠️Note that all subscriptions to test will be cancelled including anonymous functions

source：localStorage

JSON.stringify(localStorage).length How much capacity is currently occupied

Detect the upper limit of localstore capacity