AngularJS でのキャッシュの使用法

キャッシュ

キャッシュは、将来のリクエストをより速く処理できるように、データを透過的に保存できるコンポーネントです。繰り返しリソースを取得すると、データの重複が発生し、時間がかかる場合があります。したがって、キャッシュは変動の少ない一部のデータに適しており、キャッシュで処理できるリクエストが増えるほど、システム全体のパフォーマンスが向上します。

$cacheFactory とキャッシュ オブジェクト

$cacheFactory は、Angular サービスのキャッシュ オブジェクトを生成するサービスです。キャッシュ オブジェクトを作成するには、$cacheFactory を使用して ID と容量を渡します。このうち、ID はキャッシュ オブジェクトの名前で、容量はキャッシュのキーと値のペアの最大数を表します。鮮明な例を挙げると、$cacheFactory は、大小さまざまな家を借りられる建物を持っています。十分なお金を与える限り、テナントはその家を貸してくれます (この家を含む)。部屋番号 (ID) と部屋のサイズ (定員-定員)。

var myCache = $cacheFactory('myCache');

その中で、キャッシュ オブジェクトには次のメソッドがあります

1. myCache.info() はキャッシュ オブジェクトの ID、サイズ、オプションを返します

2。オブジェクト myCache.put("name", "Ben")

3. myCache.get() は、対応するキャッシュ値を返します。見つからない場合は、未定義の myCache.get("name" を返します) )

4. myCache.remove () 対応するキャッシュ オブジェクトからキーと値のペアを削除します myCache.remove("name")

5. myCache.remvoeAll() キャッシュ オブジェクトをクリアします

$http

$http() メソッドを使用すると、キャッシュ パラメーターを渡すことができます。デフォルトの $http キャッシュは、データが頻繁に変更されない場合に特に便利です。このうち、デフォルトの $http キャッシュ オブジェクトは var queue = $cacheFactory('$http'); のように設定できます

$http({
   method: 'GET',
   url: 'api/user.json',
   cache: true
})

キャッシュキーの値は url、var userCache =cache.get('api) /user .json')

カスタム キャッシュ

$http がカスタム キャッシュを介してリクエストを開始することも非常に簡単です。キャッシュ値を対応するキャッシュ オブジェクト名に設定するか、config を通じて設定するだけです。上の例のように各 $http リクエストに設定を追加する代わりに、各 $http リクエストのキャッシュ オブジェクトを設定します

$http({
   method: 'GET',
   url: 'api/user.json',
   cache: myCache
})

その中で、容量は「最近のキャッシュ最長未使用アルゴリズム」を使用します。つまり、そのようなものを追加しますキャッシュ容量は 20 で、20 個のキャッシュがキャッシュされています。21 番目のキャッシュが必要な場合、最も古い未使用のキャッシュのキーと値のペアがクリアされて、21 番目のキャッシュ用のスペースが確保されます。

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。また、皆さんも PHP 中国語 Web サイトをサポートしていただければ幸いです。

AngularJS でのキャッシュの使用法に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。