Каков наилучший порядок объявления вещей в голове? - PullRequest
Новая
       9

Каков наилучший порядок объявления вещей в голове?

0 голосов
/ 31 августа 2018

В HTML-документе, какова наилучшая практика при размещении различных CDN и ссылок?

На веб-сайте, который я создаю, я ссылаюсь на jQuery, css, шрифт awesome, прокрутку, а также внешние HTML-файлы, которые содержат верхний и нижний колонтитулы.

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

http://mi -linux.wlv.ac.uk / ~ 1403809 / AcademyWebsite / aboutUs.html 

<!doctype html>
<html lang="en">

<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<script src="js/script.js"></script>

<link rel="icon" href="images/whiteFww1.png">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<script src="https://unpkg.com/scrollreveal"></script>


<script>
    $(function() {
        $("#header1").load("header1.html");
        $("#footer").load("footer.html");
    });
</script>

1 Ответ

0 голосов
/ 31 августа 2018

Что касается мерцания, то это из-за вызовов Ajax .load, которые вы делаете. Но с точки зрения того, как вы должны упорядочить свои сценарии, обычно вы хотите, чтобы локальные сценарии запускались первыми, CDN обычно сохраняются в качестве резервной копии, если локальные не могут загружаться.

Ваш основной скрипт должен быть в вашем теле, это потому, что функциональность вашего основного скрипта обычно зависит от DOM. (Это должно помочь с мерцающей проблемой)

Jquery всегда должен быть после метатегов, но перед любым сценарием, которому необходим доступ к Jquery.

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

...