store.js(一款好用的本地存储插件)的使用

1.安装:

  npm install storejs --save

2.引入(这里介绍在Vue中的引入):

  import store from 'storejs' 或者 let store require('storejs')

3.使用:

  store(key, data或者 store.set(key, data)    //单个存储字符串数据
 
  store({key1: data1, key2: data2}) 或者 store.set({key1: data1, key2: data2})     //批量存储多个字符串数据
 
  store(key) 或者 store.get(key)         //获取key的字符串数据
 
  store.get("?key") 或者 store.has(key);        //判断key是否存在返回true/false 
 
  store.remove(key);                  //删除key包括key的字符串数据
 
  store.clear();                      //清空所有key的数据
 
  store.keys();                       //返回所有key的数组
 
  store.forEach(function(k,d){
      if (k== 3return false;
  })      //循环遍历,返回false结束遍历
 
  store.search(string);                //搜索方法
 
  store.get([key1,key2]) 或者 store([key1,key2])  //获取方法,返回json
 
  store.set('ad',234).get('ad')     //链式书写
 
4.工作机制

  store.js 优先选择 localStorage 来进行存储,在 IE6 和 IE7 下降级使用userData来达到目的。 没有使用 flash ,不会减慢你的页面加载速度。也没有使用 cookies ,不会使你的网络请求变得臃肿。

  store.js 依赖 JSON 来序列化数据进行存储。

5.不支持的浏览器:

  • Firefox 1.0: 不支持 (除非是 cookies 和 flash)
  • Safari 2: 不支持 (除非是 cookies 和 flash)
  • Safari 3: 没有同步的 api (有异步的 sqlite api,但是 store.js 是同步的)
  • Opera 9: 不清楚是否有同步的api来进行本地存储
  • Firefox 1.5: 不清楚是否有同步的api来进行本地存储

6.注意:

  如果不使用store.js,那么使用localStorage的时候,被存储的每个值上都调用了一次toString方法。这就是说,你不能方便的对numbers、 objects 或者 arrays进行存取。

  JSON是JavaScript的原生序列化引擎。但是在使用store.js的时候,你不需要自己去对值进行序列化或反序列化,在每次调用 store.set() 和 store.get()的时候,store.js已经分别通过JSON.stringify() 和 JSON.parse() 实现了相同的效果。

  一些浏览器并不支持原生的 JSON。所以,你需要同时引入 JSON.js

原文地址:https://www.cnblogs.com/xiaofang234/p/14930270.html