Что означает «клиентская сторона — SPA»?

Question

[driverx18]

в условии написано при разработке сайта:

Клиентская сторона — SPA

Я не совсем понимаю, даже при том что погуглил, что это означает? Я как понимаю, это одностраничник (раз Single Page Application). Это означает что сайт должен состоять лишь из одной страницы, или что? Я знаю из клиентской стороны HTML, CSS, JS (конечно не идеально, я сам бекенд), но про SPA я слышал ранее лишь краем уха, а в гугле про него не такая уж и масса информации

Answer 1

[D3lphi]

Конкурс от ВК читаем?

SPA - это одностраничное приложение. На обычных сайтах при нажатии на ссылку, пользователь переходит на другую страницу "физически", то есть, загружается новая страница в браузере. В одностраничных же, пользователь, по сути, всегда находится на одной странице. Смена контента происходит по средствам асинхронных запросов к бэкэнду.

Comments

[driverx18]

именно его )
то есть SPA, это сайт полностью построенный на AJAX? Тогда VK по сути также относится к SPA, по скольку при прослушивании того же аудио и переходя по всем страницам (сообщения, новости), аудио не перестает играть до тех пор, пока страницу мы не обновим через F5?

[D3lphi]

driverx18:

это сайт полностью построенный на AJAX?

Можно и так сказать.

Тогда VK по сути также относится к SPA

Именно так.

[driverx18]

D3lphi: спасибо большое за внятное объяснение)

[ThunderCat]

driverx18:

то есть SPA, это сайт полностью построенный на AJAX?

не совсем, не чистый ajax, используют PJAX, то есть не только подгрузку контента, но и смену состояний, например в урл будет другой адрес, в хистори будет история "переходов", но как вы заметили - по ф5 вы тоже попадете на ту же страницу что и при навигации pjax, только клиентские состояния не сохранятся.

[Василий Назаров]

ThunderCat: вот только не надо говорить слова, услышанные краем уха.
VK не использует PJAX, это только ваше воображение.

[ThunderCat]

Василий Назаров: Да, в смысле не используют эту библиотеку, но хистори стэйты пушат и загружают контент аяксом в уже построенный дом. Библиотека появилась позже, но метод работы часто называют по названию библиотеки. Для зануд - используется метод КАК в pjax.

[Василий Назаров]

ThunderCat:

часто называют

Да, я знаю немало людей, которые "часто называют" Форд Транзит "газелью". Обычно это люди со спецификой интеллекта.

[ThunderCat]

Василий Назаров:

Да, я знаю немало людей, которые "часто называют" Форд Транзит "газелью". Обычно это люди со спецификой интеллекта.

Да, я тоже знаю людей с огромным ЧСВ, которые в других заочно видят "специфику интеллекта", являясь в жизни УГ. Но как то раньше не приходилось на личности сползать, а тут прям всей подошвой в...

[Василий Назаров]

ThunderCat: простите, но это вы назвали PJAX там, где им и не пахнет.
По всему видно, что вы до этого топика (а может, будете и продолжать) таки называли все микроавтобусы "газелями".
А у меня - да, ничего, кроме ЧСВ. Пусть вам с этого станет спокойно.

[ThunderCat]

Василий Назаров: Спасибо, уже.