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

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

jquery html

Jquery 在头脑中声明事物的最佳顺序是什么？,jquery,html,head,scrollreveal.js,Jquery,Html,Head,Scrollreveal.js,在HTML文档中，安排各种CDN和引用时的最佳实践是什么在我创建的网站中，我引用了jQuery、css、字体、滚动显示以及包含页眉和页脚的外部HTML文件促使我问这个问题的是，在我正在创建的这个网页上，“关于我们”标题在滚动显示之前闪烁，我想知道这是否是我在标题中声明内容的顺序关于我们 $（函数（）{ $（“#header1”）.load（“header1.html”）； $（“#footer”）.load（“footer.html”）； }); 关于闪烁，这是由于您正在进行的Ajax

在HTML文档中，安排各种CDN和引用时的最佳实践是什么

在我创建的网站中，我引用了jQuery、css、字体、滚动显示以及包含页眉和页脚的外部HTML文件

促使我问这个问题的是，在我正在创建的这个网页上，“关于我们”标题在滚动显示之前闪烁，我想知道这是否是我在标题中声明内容的顺序


关于我们
$（函数（）{
$（“#header1”）.load（“header1.html”）；
$（“#footer”）.load（“footer.html”）；
});

关于闪烁，这是由于您正在进行的Ajax.load调用。但在如何订购脚本方面，通常您希望首先运行本地脚本，如果本地脚本无法加载，CDN通常会作为备份保存

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

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

希望有帮助

闪烁与脚本加载顺序无关。这是因为您正在发出AJAX请求以检索该HTML。这意味着您需要等待：1）jQuery加载2）DOM准备就绪3）AJAX请求完成4）HTML注入页面。这就是为什么客户端包含通常是个坏主意。如果您想在页面中包含公共内容，请在服务器端执行此操作。那么你在客户端上就完全没有这些开销了。你实际上加载了两次页眉和页脚。@RoryMcCrossan是CDN客户端包含的示例吗？@LucaKiebel请解释是的，确实是，但与加载

header1.html

和

footer.html

的问题无关。客户端包含是指在页面中注入HTML。不包括其他JS脚本。我建议你谷歌“服务器端包括[你的服务器语言在这里]”，以便更好地理解你需要做什么

<!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>