Как веб-сайт может иметь один и тот же исходный код для каждой страницы?

#html #frontend #dom-manipulation

#HTML #интерфейс #dom-манипуляция

Вопрос:

Как веб-приложение / веб-сайт может иметь один и тот же идентичный исходный код для каждой страницы на сайте без каких-либо изменений. Я просматривал веб-сайт обмена криптовалютных валют: (Remitano.com ) и для каждой страницы на сайте код один и тот же. Как это возможно?

Комментарии:

1. Скорее всего, фреймворки Javascript.

2. Похоже, что это одностраничное приложение . Для получения дополнительной информации прочитайте связанные документы mdn.

3. Они могут использовать JavaScript для динамической вставки или удаления элементов (либо с помощью собственных функций / теневых доменов, либо с помощью фреймворка, такого как Angular, React или Vue), могут использовать AJAX для динамической загрузки частей страницы с различным контентом, или могут использовать прогрессивный подход к веб-приложениям, где то, что вы видение — это установленная часть. Есть и другие варианты; это просто темы, которые вы можете начать изучать, если вам интересно.

Ответ №1:

Сайт, скорее всего, представляет собой одностраничное приложение (SPA). Это означает, что он динамически добавляет и удаляет элементы с помощью JavaScript. Вот почему сайты, созданные с помощью React, Vue и Angular, не работают без включенного JavaScript.

Например, если вы посмотрите на код приложения Vue, вы увидите что-то вроде <noscript><strong>We're sorry but myvueapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript> . Содержимое внутри noscript отображается только в том случае, если у пользователя отключен JS в браузере.