Стандартная практика для представления состояния конфигурации пользователя (флажки, списки выбора) для одностраничного приложения?
Приложение, которое я создаю, изначально не будет иметь зарегистрированных пользователей. Это будет одностраничное приложение - т.е. без перезагрузки или смены страниц. Там будет набор опций в виде html-флажков, выбора меню и т. Д. При заданной конфигурации генерируемый музыкальный звук воспроизводится, когда пользователь нажимает "play". После воспроизведения звука настройки должны оставаться неизменными до тех пор, пока пользователь не изменит их.
Я довольно новичок в Javascript на данный момент. Что такое быстрый и понятный способ представления состояния различных входов конфигурации? Я мог бы иметь функцию, которая вызывается каждый раз, когда пользователь нажимает кнопку "play", которая получает всю информацию для каждого компонента конфигурации из DOM и возвращает объект конфигурации, который затем будет использоваться для создания звука. Но, возможно, это не самый лучший способ, поскольку каждый раз он получает все от DOM. Было бы лучше для каждого входа иметь функцию onclick/onchange, которая изменяет его соответствующее поле в некотором глобальном объекте конфигурации?
Спасибо
2 ответа
Я бы предложил проверить что-то вроде Redux для этого.
Я могу представить себе "флажки, выбрать меню и т. Д." сопоставление с частями состояния приложения и изменениями, внесенными пользователем в результате действий.
Я думаю, это будет даже достаточно для кнопки "играть".
Похоже, вы должны кешировать настройки в кеше браузера. Вы можете использовать aplify.store или любые другие библиотеки кеша. Это зависит от вашей конфигурации SPA.
Каждый раз, когда пользователь изменяет настройки, вы можете вызвать веб-сервис, чтобы сохранить их в базе данных и обновить кэш локального браузера. Затем вы сначала загружаете свою страницу, вы должны загрузить пользовательские настройки в кеш и получить доступ к значениям из него.
если вы используете breeze для запросов данных, кеширование встроено.