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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM