Веб-разработка: как «хранить» страницы в браузерах и предотвращать их перезагрузку каждый раз при переходе между ними - PullRequest
Новая
       11

Веб-разработка: как «хранить» страницы в браузерах и предотвращать их перезагрузку каждый раз при переходе между ними

0 голосов
/ 26 января 2020

Я новичок в веб-разработке и создаю веб-приложение, используя чистый JS. Я использую Firebase и Express. js маршрутизацию для функций бэкэнда. Это своего рода простая служба ведения блога, поэтому между страницами, естественно, много переходов.

Текущая проблема: всякий раз, когда пользователи переходят назад и вперед между страницами, страницы каждый раз ссылаются на sh, даже если нет никаких изменений вообще. Это критическая проблема взаимодействия с пользователем в 2020 году. Я полагаю, это связано с тем, что я отправляю файл html для каждого запроса URL-адреса, но не знаю, каким будет обходной путь.

Вопрос: Как мне сделать Вы уверены, что отображаемые страницы «хранятся» в браузере пользователя и перезагружаются только при значительных изменениях в содержимом?

Извините за вопрос высокого уровня ... Поднял программирование всего за 3 месяца go , :) Буду признателен за любые советы о том, с чего начать.

1 Ответ

0 голосов
/ 26 января 2020

Так что именно здесь JS фреймворки помогут вам создавать SPA-приложения. По сути, все ваши страницы загружаются, когда пользователь сначала нажимает на ваше приложение, а затем динамически показывает / скрывает разные страницы, чтобы избежать повторного использования страницы sh.

. Вы можете использовать javascript, чтобы вручную добавить / удалить css класс для различных элементов страницы, например: 

.hidden {
    display: none;
}

<div class="hidden">
    ...page 1 (not shown)
</div>
<div>
    ...page 2 (shown)
</div>
<div class="hidden"
    ...page 3 (not shown)
</div>

Это простое и простое решение, но имейте в виду, что это не изменит URL-адреса. Это также означает, что вам нужно поместить все, что вы хотите «сохранить» в один html файл. Я думаю, что большинство фреймворков SPA JS будут делать что-то вроде «example.com/#/contact» или «example.com/#/about» с хэштегами, и таким образом URL может помочь пользователю увидеть, какую страницу они

Надеюсь, это поможет!

...