AngularJS의 캐시 사용량

캐싱

캐시는 데이터를 투명하게 저장하여 향후 요청을 더 빠르게 처리할 수 있는 구성 요소입니다. 반복적으로 리소스를 획득하면 데이터가 중복되어 시간이 소모될 수 있습니다. 따라서 캐싱은 변동성이 거의 없는 일부 데이터에 적합합니다. 캐시가 처리할 수 있는 요청이 많을수록 전체 시스템 성능이 더 많이 향상될 수 있습니다.

$cacheFactory 및 캐시 객체

$cacheFactory는 Angular 서비스용 캐시 객체를 생성하는 서비스입니다. 캐시 객체를 생성하려면 ID와 용량을 전달하는 $cacheFactory를 사용하세요. 그 중 ID는 캐시 객체의 이름이고, 용량은 캐시 키-값 쌍의 최대 개수를 나타냅니다. 생생한 예를 들자면, $cacheFactory는 임차인입니다. 그녀는 임대할 수 있는 크고 작은 건물을 가지고 있습니다. 귀하가 충분한 돈을 제공하는 한 임차인은 이 집을 포함하여 귀하에게 집을 임대해 줄 것입니다. 방 번호(ID)와 방 크기(용량-용량)입니다.

var myCache = $cacheFactory('myCache');

그 중 캐시 객체에는 다음과 같은 메소드가 있습니다

1. myCache.info()는 캐시 객체의 ID, 크기 및 옵션을 반환합니다

2. myCache.put() 새 값 키-값 쌍을 캐시 개체에 넣습니다. myCache.put("name", "Ben")

3. myCache.get()은 해당 캐시 값이 없으면 정의되지 않은 myCache.get("name")

을 반환합니다. 4. myCache.remove()는 해당 캐시 객체 myCache.remove("name)에서 키-값 쌍을 제거합니다. ")

5. myCache.remvoeAll()은 캐시 객체를 지웁니다

$http

$http() 메서드의 캐시를 사용하면 캐시 매개변수를 전달할 수 있습니다. 기본 $http 캐시는 데이터가 자주 변경되지 않을 때 특히 유용합니다. 그 중 기본 $http 캐시 객체는 var 캐시 = $cacheFactory('$http'); 와 같이 설정할 수 있습니다

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

여기서 캐시 키 값은 url, var userCache = 캐시.get('api/user.json')

사용자 정의 캐시

$http가 사용자 정의 캐시를 통해 요청을 시작하도록 하는 것도 매우 간단합니다. 캐시 값만 설정하면 됩니다. 해당 캐시 개체 이름은

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

이거나 위의 예와 같이 각 $http 요청에 구성을 추가하는 대신 config 구성을 통해 각 $http 요청에 대한 캐시 개체를 설정할 수 있습니다. .

app.config(function($httpProvider){
$httpProvider.defaults.cache = $cacheFactory('myCache',{capacity: 20})

그 중 용량은 "최근 캐시와 가장 오랫동안 사용하지 않은 알고리즘"을 사용합니다. 즉, 캐시 용량이 20이고 현재 20개의 캐시가 캐시된 경우입니다. , 21번째 캐시가 필요할 때, 사용되지 않은 가장 오래되고 가장 작은 캐시 키-값 쌍은 21번째 캐시를 위한 공간을 확보하기 위해 지워집니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.

AngularJS의 캐시 사용과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!