本地存储：缓存多页资源[重复]

Question

我正在尝试缓存多页资源，但是localStorage。set（）只缓存了6个页面中的4个页面。有人在做这件事时有问题吗？将所有这些页面缓存在内存中效果很好，但将其保存到本地存储不起作用。有我不知道的限制吗？我正在用Chrome进行测试，它有足够的空间来存储我所存储的内容。

var promises = [];
    var catalogItems = {
      partInfo: [],
      partNumbers: []
    };
    getCatalogItems(apiConfig.url + 'api/catalogItems?projection=detail')
      .success(function(res) {
        var pages = res.page.totalPages;

        catalogItems = updateCatalogItems(res._embedded.catalogItems, catalogItems);

        if (pages > 1) {
          for (var i = 1; i <= pages; i++) {
            promises.push(
              getCatalogItems(apiConfig.url + 'api/catalogItems?page=' + i + '&size=1000&projection=detail')
            );
          }

          $q.all(promises).then(function(response) {
            for (var j = 0; j < response.length; j++) {
              catalogItems = updateCatalogItems(response[j].data._embedded.catalogItems, catalogItems);
            }
            deferred.resolve(catalogItems);
          });
        } else {
          deferred.resolve(catalogItems);
        }
      })
      .error(function(err) {
        deferred.reject(err);
      });
  }
  return deferred.promise;
}

function updateCatalogItems(data, catalogItems) {
  data.forEach(function(item) {
    catalogItems.partInfo.push(item);
    catalogItems.partNumbers.push(item.itemNumber);
    item.formattedDate = moment(item.lastModifiedDate).local().format('MM/DD/YYYY');
    item.active = item.active ? 'Y' : 'N';
  });
  localStorageService.set('catalogItems', catalogItems);
  return catalogItems;
}

Answer 1

localStorage对可使用的内存有限制。大多数主流浏览器的限制往往在10MB左右。铬的限制为5MB，不能增加。

一个可能的解决方案是创建一个在缓存中工作的服务。您可以将数据存储在其中，并使用getter/setter函数获取/设置资源。