angularjs缓存的使用详解-创新互联

一、什么是缓存

一个缓存就是一个组件，它可以透明地存储数据，以便未来可以更快地服务于请求。

缓存能够服务的请求越多，整体系统性能就提升得越多。

二、Angular 中的缓存

2.1 $cacheFactory 简介

$cacheFactory 是一个为所有Angular服务生成缓存对象的服务。在内部， $cacheFactory 会创建一个默认的缓存对象，即使我们并没有显示地创建。

要创建一个缓存对象，可以使用 $cacheFactory 通过一个ID创建一个缓存：

var cache = $cacheFactory('myCache');
这个 $cacheFactory 方法可以接受两个参数：

cacheId （字符串）：这个 cacheId 就是创建缓存时的ID名称。可以通过 get() 方法使用缓存名称来引用它。

capacity ：这个容量描述了在任何给定时间要使用缓存存储并保存的缓存键值对的大数量。

2.2 缓存对象

缓存对象自身有下列这些方法可以用来与缓存交互。

info() ： info() 方法返回缓存对象的ID、尺寸和选项。

put() ： put() 方法允许我们把任意JavaScript对象值形式的键（字符串）放进缓存中。cache.put("hello","world");

put() 方法会返回我们放入缓存中的值。

get() ： get() 方法让我们能够访问一个键对应的缓存值。如果找到了这个键，它会返回它的值；如果没有找到，它会返回 undefined 。cache.get("hello");

remove() ： remove() 函数用于在找到一个键值对的情况下从缓存中移除它。如果没有找到，它就会返回 undefined 。cache.remove("hello");

removeAll() ： removeAll() 函数用于重置缓存，同时移除所有已缓存的值。

destory() ： destory() 方法用于从 $cacheFactory 缓存注册表中移除指定缓存的所有引用。

三、$http 中的缓存

Angular的 $http 服务创建了一个带有ID为 $http 的缓存。 要让 $http 请求使用默认的缓存 对象很简单： $http() 方法允许我们给它传递一个 cache 参数。

 3.1 默认的 $http 缓存

当数据不会经常改变时，默认的 $http 缓存就特别有用了。可以像这样设置它：

$http({
  method: 'GET',
  url: '/api/users.json',
  cache: true　　//设置为true只是用来使用$http默认的缓存机制
});

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。