路径学习：

首先，路径分为相对路径和绝对路径。这里重点说下相对路径。

## 相对路径：

1.定义：
相对路径是指目标相对于当前文件的路径；
2.主要应用：
网页结构设计中多采用这种方法来表示目标的路径；
3.表示方法：
a. "./“代表文件所在的目录(即文件当前目录且”./"可省略)；
b. "…/"代表文件所在目录的上一级目录；
c. "…/…/"代表文件所在目录的上上一级目录；
d. "/"代表文件所在的根目录(也可理解为项目内部的绝对路径即从项目名称开始来写相对路径)。

4.具体应用：
a.在如下项目资源管理图中，会涉及到两对当前文件对目标文件的路径配置。

如上图用红笔标出的三个文件。其中文件"signup.html"既是目标文件也是当前文件,文件"home.js"是当前文件，文件"signup.bundle.js"是目标文件。
b.下面给出文件"home.js"和文件"signup.html"的截图。
home.js如下：

如上图，要实现当前文件"home.js"跳转到目标文件"signup.html"。
分析：>由”相对路径定义“结合“项目资源管理图”得知：”signup.html“相对”home.js“，前者是在后者当前目录的上一级目录下(即js目录下存放着signup.html)
>这里需要给出项目内部的绝对路径。符号"/“表示文件根目录，符号”./“表示js目录的当前目录wwwroot。
结果: >如图中画红线部分。
误区: >勿将文件的当前目录理解为该文件的上一级目录(该文件的上一级目录是指：该文件当前目录的上一级目录。)
signup.html如下：

如上图，要实现当前文件"signup.html"依赖目标文件"signup.bundle.js”。
分析: >由"相对路径定义"结合"项目资源管理图"得知：“signup.bundle.js"相对"signup.html”,前者是在后者当前目录(即js目录)下的子目录dist中；
>目标文件路径是参考当前文件路径即目标文件路径的起始位置是当前文件的当前目录。符号"./"表示文件当前目录。
结果: >如图中画红线部分。