从 sessionStorage 提供服务需要很长时间

Question

我有一个函数应该 return 来自 sessionStorage 的字典（如果它存在），如果不存在，它将从 API 加载字典到 sessionStorage 然后 return 词典。

self.getDictionary = function(dictionary){
        var deferred = $q.defer();
        var saved_dictionary = JSON.parse($window.sessionStorage.getItem('dictionary_' + dictionary));

        if (saved_dictionary && saved_dictionary !== "null"){
            deferred.resolve(saved_dictionary);
        } else {
            var apiData = {module: "Dictionaries", method: "getDictionary", data: {name: dictionary}};
            apiService.execute(apiData).then(function (response) {
                $window.sessionStorage.setItem('dictionary_' + dictionary, JSON.stringify(response));
                deferred.resolve(response);
            });
        }
        return deferred.promise;
    };

我正在尝试缓存字典，因为它可能非常大（大约 0.5mb JSON）。

示例字典：

{"DictionaryName":"Gaming","DictionaryCategory":[{"CategoryName":"Games","MandatoryAtLeast":1,"CategoryWords":[{"title":"zelda","score":1,"exact":true,"mandatory":false,"reject":false},{"title":"mass effect","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"pokemon","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"fallout","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"cs:go","score":1,"exact":true,"mandatory":false,"reject":false},{"title":"sims","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"until dawn","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"deus ex","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"skyrim","score":1,"exact":false,"mandatory":true,"reject":false}]},{"CategoryName":"Companies","MandatoryAtLeast":1,"CategoryWords":[{"title":"bioware","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"bethesda","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"steam","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"valve","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"alienware","score":1,"exact":false,"mandatory":false,"reject":false}]},{"CategoryName":"other","MandatoryAtLeast":1,"CategoryWords":[{"title":"gamer","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"mods","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"horror","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"survival","score":1,"exact":true,"mandatory":false,"reject":false},{"title":"multiplayer","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"action","score":1,"exact":true,"mandatory":true,"reject":false},{"title":"fps","score":1,"exact":false,"mandatory":true,"reject":false},{"title":"shooter","score":1,"exact":false,"mandatory":false,"reject":false},{"title":"mmo","score":1,"exact":false,"mandatory":true,"reject":false}]}]}

问题是从缓存中提供字典没有帮助。从 sessionStorage 提供字典所需的时间几乎与从远程加载字典所需的时间一样长 API.

为什么从 sessionStorage 到 return 需要这么长时间？

Answer 1

调试后，好像不是sessionStorage的问题。

问题是 AngularJS 需要时间来渲染 1000 多个元素的 ng-repeat。这是我接下来要研究的事情

从 sessionStorage 提供服务需要很长时间

Serving from sessionStorage takes a very long time

javascript

session-storage

angularjs