storejs

2019-07-12 admin

storejs是什么

什么是storejs,Local storage localstorage package provides a simple API

storejs使用教程帮助文档

JavaScript localStorage

Build Status Coverage Status GitHub issues GitHub forks GitHub stars store.js

A simple, lightweight JavaScript API for handling browser localStorage , it is easy to pick up and use, has a reasonable footprint 2.36kb(gzipped: 1.04kb), and has no dependencies. It should not interfere with any JavaScript libraries or frameworks.

Features:

<g-emoji class=“g-emoji” alias=“rocket” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f680.png”>🚀</g-emoji> Has no dependencies <g-emoji class=“g-emoji” alias=“seedling” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f331.png”>🌱</g-emoji> Works in all browsers <g-emoji class=“g-emoji” alias=“fire” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f525.png”>🔥</g-emoji> Heavily tested <g-emoji class=“g-emoji” alias=“package” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f4e6.png”>📦</g-emoji> Supports AMD/CommonJS <g-emoji class=“g-emoji” alias=“boom” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f4a5.png”>💥</g-emoji> store.min.js 2.36kb(gzipped: 1.04kb)

Usage

Installed via npm. You will need Node.js installed on your system.

$ npm install storejs --save
import store from 'storejs';

store('test', 'tank', 1)

Or manually download and link storejs in your HTML, It can also be downloaded via UNPKG or jsDelivr CDN:

<script src="https://unpkg.com/cookiejs/dist/cookie.min.js"></script>
<script type="text/javascript">
  store('test', 'tank');
</script>

Basic Usage

store(key, data);                 // Single storage string data
store({key: data, key2: data2});  // Bulk storage of multiple string data
store(key);             // Get `key` string data
store("?key");          // Determine if the `key` exists
store();                // Get all key/data
//store(false);🔫       // (Deprecated) because it is easy to empty the storage because of a null value or an error
//store(key, false); 🔫  // (Deprecated)

store.set(key, data[, overwrite]);    // === store(key, data);
store.set({key: data, key2: data2})   // === store({key: data, key2: data});
store.get(key[, alt]);                // === store(key);
store.get("?key");                    // Determine if the `key` exists
store.get("key1", "key2", "key3");    // Get `key1`,`key2`,`key3` data
store.remove(key);                    // ===store(key,false)
store.clear();                      // Clean all key/data
store.keys();                       // Returns an array of all the keys
store.forEach(callback);            // Loop traversal, return false to end traversal
store.search(string);               // Search method

store.has(key); //⇒ Determine if there is a return true/false

//⇒ Provide callback method to process data
store('test', (key,val) => {
  console.log(val) // Processing the data obtained through the test here
  return [3,4,5] // Return data and set store
})

store(['key', 'key2'], (key) => {
  // Get data processing of multiple keys, return and save;
  console.log('key:', key)
  return '逐个更改数据'
})

Storage Event

Responding to storage changes with the StorageEvent

if(window.addEventListener){
  window.addEventListener("storage",handle_storage,false);
}else if(window.attachEvent){
  window.attachEvent("onstorage",handle_storage);
}
function handle_storage(e){
  if(!e){e=window.event;}
  //showStorage();
}
Property Type Description
key String The named key that was added, removed, or moddified
oldValue Any The previous value(now overwritten), or null if a new item was added
newValue Any The new value, or null if an item was added
url/uri String The page that called the method that triggered this change

Chained Call

store.set('ad', 234).get('ad')

TODO

  • [ ] store.get([key,key2]) Get method, return json
  • [ ] store([key,key2]) Get method, return json
  • [ ] onStorage Method test cases, and implementation

License

Licensed under the MIT License.

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-69565.html

文章标题:storejs

回到顶部