要約するとのlocalStorage知識がローカルに保存されている(簡単に実現ページログイン登録機能)

1.のlocalStorageとは何ですか

ローカルストレージとして使用される、不足記憶空間クッキー(4kの各記憶空間におけるクッキーのクッキー)の問題を解決するために、一般にブラウザサイズによってサポートのlocalStorageは5Mであり、これは、異なるブラウザでのlocalStorageう異なります。

2、のlocalStorage利点および制限

利点:
A、のlocalStorageはクッキー4Kの限界拡張
Bを、localStorageを直接ローカルデータストレージへの最初のリクエストになり、クッキーに保存することができます比較データベースのフロントページ用5Mサイズと同等の、帯域幅を、しかし、これが唯一である高いバージョンのブラウザーのは、サポートされていました

制限事項:
A、ブラウザのサイズが統一されていない、IE8 IEのバージョンよりは唯一この属性のlocalStorageをサポート
B、現在のすべてのブラウザは値の型が文字列型として定義されているのlocalStorageを置く、この私たちの日常より一般的なJSONオブジェクト変換のいくつかのタイプ必要な
次が読めないブラウザのプライバシーモードでは、C、のlocalStorageを
格納されたコンテンツや複数の単語は、メモリ容量を消費する場合はページがカードを変更するようになります、基本的に文字列の読み取りでのlocalStorageに、D

3、のlocalStorage地元の店舗運営:CRUD


3つのオプションがあります。

var ls = window.localStorage;
ls.aa = 1;
ls["bb"] = 2;
ls.setItem("cc",3);

キーの数を取得するプロパティの長さ

チャールズ:

console.log( ls.aa , ls["bb"] , ls.getItem("cc") );  //取出对象中键对应的值

変更:
3つのシナリオ

ls.setItem("aa",33);
ls.aa = 22;
ls["aa"]=77;

削除:
まず、clear()メソッドを使用してのlocalStorageのすべての内容を削除

var storage=window.localStorage;
storage.a=1;
storage.setItem("c",3);
console.log(storage);
storage.clear();
console.log(storage);

第二に、のlocalStorageは、削除するキーです

var storage=window.localStorage;
storage.a=1;
storage.setItem("c",3);
console.log(storage);
storage.removeItem("a");//无论以哪种方式存储都可以使用该方法删除
console.log(storage.a); 

オブジェクトが格納されている方法を図4に示すように、二つの方法のlocalStorage

そして、変換対象の文字列:
JSON.parse()// Stringオブジェクト-オブジェクト(現在の文字列を配列に取り出された場合、それがオブジェクトに文字列に必要です)
JSON.stringify()//オブジェクトの文字文字列オブジェクト(文字列タイプのみを格納し、そうされて格納されたオブジェクトは、文字列オブジェクトに必要がある場合)

5.まとめ:

localStorageの基本的な方法:
定義:localStorage.setItem( 'キー'、 '値')
取得:localStorage.getItem( 'キー')
削除:localStorage.removeItem( 'キー')
をクリア:localStorage.clear()
の保管lengthプロパティは、ストレージ内のキーの数を取得します

//インスタンスは
詳細基本的な方法のlocalStorage
//ログイン登録を達成し、ローカルストレージ機能を使用します
登録機能を実現するために、ローカルストレージを使用してログインします
登録機能を実現するために、ローカルストレージを使用してログインします

おすすめ

転載: blog.csdn.net/ZHANGJIN9546/article/details/93157543