Максимальная оптимизация приложения на angularjs + localStorage, ваше мнение?

Question

[sutkin main]

Добрый день всем.
Такой вопрос я могу хранить список имен в localStorage и в случаи необходимости обновлять этот массив имен:

localStorage.setItem('users', JSON.stringify(response));

Потому как у меня в проекте списки имен вызывается не однократно через HTTP requests, в данном случаи я просто вызваляю все данные из localStorage примерно:

$scope.names = localStorage.getItem('contact');

Я так увлекся этим что все данные начал просто пихать в localStorage, У кого какое мнение по поводу данного примера?
1) Cтоит ли так делать?
2) Какие отрицательные последствия могу быть из за этого?
3) Чем можно заменить localStorage? (pouchDВ уже использовал, это не то).
4) Что можете посоветовать?

Comments

[Roman]

kapko main 5Mb localStorage хватает на всё?

[sutkin main]

Roman: ну там просто строковые массивы, учитывая то, что вся книга Война и Мир всего лишь 3.4 mb мне на 5 mb
проект этого юольше че просто хватает

[Roman]

kapko main: иногда туда скидывают шрифты и спрайты, которые могут быть довольно большими, поэтому спросил.
если только массивы, не знаю какие могут быть проблемы, имхо никаких.

[sutkin main]

Roman: 0o в localStorage забрачывают шрифты? и спрайты?) Я наверное очень скучно живу))))

Answer 1

[Vlad Feninets]

если они у вас не очень часто теряют актуальность, то можно использовать приём "оптимистических обновлений", тобишь сразу вывести данные из локал-стораджа, а уже потом переспросить их у АПИ, отрендерить и записать новый список в localStorage, у юзеров будет хороший икспириенц.

Отрицательным фактором в таком случае может быть "мигание" данных, если они у вас частенько меняют актуальность.
Из аналогов localStorage можно заюзать indexDB, у него в принципе неплохая поддержка браузерами и он более развесистый.

Answer 2

[ozknemoy]

у ангулара есть свой cacheFactory. внутри фабрики:

var httpFactory = {},
        cache = $cacheFactory.get('$http');

httpFactory.getInterest = function () {
        return getWithCache('ref/user-interest')
    };
function getWithCache (url) {
        var mycache = httpFactory.getCache(baseUrl+url);
        if(mycache) {
            const _mycache =  angular.copy(mycache);
            var deferred = $q.defer();
            deferred.resolve({data:JSON.parse(_mycache[1])});
            return deferred.promise
        }
        else return $http.get(baseUrl+url, {cache: true})
    }

дергаю из контроллера getInterest . первый запрос с сервера, второй и последующие из кеша. при перезагрузке приложения разумеется кеш нулевой

Comments

[sutkin main]

Я его юзаю но, временами обновлять его неудобно
Допустим у вас есть список имен, но если обновили данные или удалили одну часть этого списка то при возвращении на страницу со всеми именами вы получите старые данные

Answer 3

[Егор Казанцев]

Специально для вас есть такая штука: https://pouchdb.com/

Comments

[sutkin main]

Вы читали детали Вопроса?

Пункт №3

3) Чем можно заменить localStorage? (pouchDВ уже использовал, это не то).