zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    thinkPHP框架学习笔记
    ajax的项目实操(只用于记录部分文件未引入)
    js中两个感叹号的原理与用法分析(转载记录没找到原帖)
    html5+css3学习笔记-prefixfree前缀补全插件
    背景图动起来就这么简单!
    flash设计师罢工,小前端顶上
    onbeforeunload与a标签在IE中的冲突bug(转载)
    js自定义的简易滚动条
    2020牛客国庆集训派对day2
    马拉车算法 Manacher
  • 原文地址:https://www.cnblogs.com/xiaofang234/p/14930270.html
Copyright © 2011-2022 走看看