Question

在HTML文档中，安排各种CDN和参考时的最佳做法是什么？

在我正在构建的网站中，我引用的是jQuery，css，超棒的字体，滚动显示以及包含页眉和页脚的外部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>

Answer 1

关于闪烁，这是由于您正在进行Ajax .load调用所致。但是就如何订购脚本而言，通常您希望先运行本地脚本，如果无法加载本地CDN，通常会将CDN保留为备份。

您的主脚本应该在您的体内，这是因为主脚本中的功能通常取决于DOM。（这应该有助于解决闪烁的问题）

Jquery应该始终在meta标记之后，但在需要访问Jquery的任何脚本之前。

希望有帮助！

在头脑中声明事物的最佳顺序是什么？

1 个答案: