Создание страницы загрузки для сайта

Question

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

Это кажется довольно простым, но мне было интересно, потому что у меня есть отдельные файлы для заголовка, нижнего колонтитула и содержимого о том, как координировать их все, и по-прежнему иметь хороший код.

Я работаю с угловымJS. Я много читал о: $ viewContentLoaded, а также пытался нг-плащ, но если какой-либо из вас есть удивительное решение, чтобы сохранить простой, это было бы здорово :)

Благодаря

Answer 1

Я хотел бы сказать, что один подход вам может потребоваться использование своего шаблона для ваших HTML-файлов (например, Jade). Таким образом, вы можете сохранить весь код красиво разделенным в нескольких файлах и используя бегун задачи, например Gulp или Grunt, вы можете скомпилировать свои HTML-файлы перед тем, как обслуживать страницу.

Важным отличием здесь является то, что вам не придется загружать все части страницы (заголовок, нижний колонтитул и т. Д.) С помощью запросов AJAX. Вместо этого они уже будут отображаться на вашей странице HTML, что позволит создать красивый загрузчик, используя ng-cloak в вашей части содержимого.