$ is not defined

今天在学习js的时候突然发现一个问题，就是页面引入js记不起来了，然后就跟着脑子中仅有的一点印象，不断的改位置，然后将js引用上去，所以就写下来这篇文章以防止自己在忘！
具体什么原因呐！就是报了两个错误：
第一个：XXXX is not defined

第二个：$ is not defined

在这里插入图片描述

总的来说就是 is not defined
先说第一个问题：
我写完了然后通过 <script type="text/javascript" src="https://blog.csdn.net/qq_45987428/article/details/js/diamond.js"></script>这种方式引入进去了
结果报错，是因为我放的位置不多，我将这句话放到了的上面了，大家都知道代码是从上往下执行的，当执行到js的时候下面的还没有执行，自然没有THREE所以解决办法嘛也很简单，将 *<script type="text/javascript" src="https://blog.csdn.net/qq_45987428/article/details/js/diamond.js"></script>这句话放到body的下面*不就得了！
第一个麻烦顺利解决！
第二个问题：
有了第一次的教训，我每次引用js的时候都会将他写道body的下面，但是这次出现了还是not defined
我查看了js的内容发现是这样的

$('.page').click(function() {
    $(this).removeClass('no-anim').toggleClass('flipped');
   $('.page > div').click(function(e) {
        e.stopPropagation();
   });
 reorder()   
});
function reorder(){
   $(".book").each(function(){
    var pages=$(this).find(".page")
    var pages_flipped=$(this).find(".flipped")
    pages.each(function(i){
        $(this).css("z-index",pages.length-i)
    })
    pages_flipped.each(function(i){
        $(this).css("z-index",i 1)
    })
   });    
}
 reorder()

这样写的话我们还需要引入一样东西那就是jquery，这个jquery的路径还要是绝对路径，相对路径也会找不到$

将他引入上去之后问题也就也决了!
有两点是需要注意的，那就是src=“绝对路径”
再者引入的这个需要在我们自己写的上方
这是错误的写法：

<script type="text/javascript">
	$(function(){
	});
</script>
<script type="text/javascript" src="/studyCSS_day01/js/jQuery 3.4.1.js"></script>

正确应该这样写：

<script type="text/javascript" src="/studyCSS_day01/js/jQuery 3.4.1.js"></script>
<script type="text/javascript">
	$(function(){
	});
</script>

自此引入js的两个小问题就解决了！
插曲：
由引入js又想到了引入css，之前我们是如何引入css我演示一下

<style>
	@import url("css/picture.css");
</style>

这样肯定可以引入，但是还有一种方法

<link href="css/particle.css" rel="stylesheet" />

当然还有vue的引入，方法有很多，多写，多记录，多积累，如果你能看到这篇文章，说明就是缘分，无论你是谁，祝你学业有成，步步高升，学习很枯燥，但要加油哦~

这篇好文章是转载于：学新通技术网