Local StorageアクションプラグインiStorageの紹介

2368 ワード

iStorage
Local StorageはHTML 5に新しく追加されたローカルストレージAPIで、Local Storageとは小さな倉庫の意味で、5 Mの大きさの空間があり、ブラウザに保存されており、JavaScriptでLocal Storageを操作することができます.
iStorageの紹介iStorageは、ブラウザLocal Storageに対する便利な操作プラグインである.ユーザーが直接 の数字(NaN以外)、文字列、配列、JSONタイプのデータをサポートします.iStorageはオリジナルJavaScriptに基づいて実現されており、コンパイル圧縮後は2 kb程度であるため、安心して試してみてください.作者の最初のNPMプラグインでもありますが、不足点はご了承ください.
iStorageインストール
iStorageは、CommonJS RequireJS の をサポートします.
// NPM   
npm i istorage

// ES6
import iStorage from "istorage";

// require
var iStorage = require('istorage');

// html

iStorage
iStorageは、getLength getIndex getItem setItem removeItem clearAll をサポートします.debugの パラメータはオプションで、 ログをコンソールに します.
//    Local Storage Length
iStorage.getLength(debug: Boolean);

//    Local Storage    (length)     ,     
iStorage.getIndex(index:Number, debug: Boolean);

//        
iStorage.getItem(key: String, debug: Boolean);

//      ,        0
iStorage.setItem(key:String, value:!NaN || Number || String || Array || JSON, debug:Boolean)

//      
iStorage.removeItem(key: String, debug: Boolean);

//        Local Storage   
iStorage.clearAll(key: String, debug: Boolean);

iStorageローカルテスト
//   fork,                  :
> npm i //    uglify-js       
> npm test // webpack-dev-server open: http://localhost:9000/

//       ,   0.0.3  ,       
//         iStorage.js,     ,   uglify-js   
> uglifyjs iStorage.js  -m -c -o iStorage.min.js

iStorage
TypeScriptを して し、sessionStorageとcookieを し、 をサポートしたい.
iStorage ログ
0.0.1
1 のコードは く、コード と の 、プラグインの の を するためにのみ されます. に 、 、 、JSONオブジェクトの4 の データのタイプ を し、 し、 する. は のとおりです.
  • check:あるキー が
  • するかどうかを する.
  • get:キー の
  • を する
  • set:キー ペア
  • を する
  • remove:キー に づいてキー ペア
  • を する.
    しく る[email protected]
    0.0.2
    このバージョンはコード で され、より いdebug log を しています.
    しく る[email protected]
    0.0.3
    このバージョンは きく され、メソッド の 、 しいメソッドの 、checkメソッドの 、ローカルWebpackデバッグコードの 、debug log のさらなる に しています.