最近要去实习，公司里使用sea.js进行模块化开发

具体下载安装就不多说了，请参见SeaJS官网

<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

<script type="text/javascript" src="sea.js"></script>

<script type="text/javascript">

    seajs.config({

        paths: {

            "jQuery": "/",

            "hello": "../seaFile"

        },

        alias: {

            "jQuery": "jquery-2.0.3.min",

            "hello": "hello/hello"

        }

    });

    seajs.use("hello",function(a){

        a.get();

    });

</script>

<script type="text/javascript" src="use.js"></script>

</body>

</html>

我的目录结构是这样的，一个seaJS的文件夹，文件夹下

有jquery,sea.html,sea.js （sea.html中代码如上述代码所示），

有文件目录seaFile,此文件目录下有我使用define定义好的一个模块js文件(hello.js)

    seajs.config({

        paths: {

            "jQuery": "/",

            "hello": "../seaFile"

        },

        alias: {

            "jQuery": "jquery-2.0.3.min",

            "hello": "hello/hello"

        }

    });

    seajs.use("hello",function(a){

        a.get();

    });

首先如上述代码是加载不到，我所使用的模块的，找不到该模块，上面的hello设置的路径是../

我发现SeaJS官方文档上有这样一句话

  1. 模块标识可以是 相对 或 顶级 标识。如果第一项是 . 或 ..，则该模块标识是相对标识。

的确这样解析路径也是相对路径，但是它相对到什么地方去了呢？

我发现 http://localhost:63342/www/seaFile/hello.js 404 (Not Found) 没有找到该文件,

http://localhost/的实际目录是E:/wamp/www 但是我这样../ 目录增加了一个www

上述path引入的地方，如果改成一个./就没有任何引入了

总结: ../  和 ./ 都是相对标识，只是相对标识的位置不一样， ./是相对于当前目录 ../是相对于当前目录上次目录，就是一个多个点，就多往上面翻一次

PS: 写完发现这个问题好蠢

SeaJS学习笔记(一) ./ 和 ../ 区别的更多相关文章

  1. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  2. seaJs学习笔记之javascript的依赖问题

    之前分别为大家介绍了有关javascript中的冲突和性能问题,今天为大家介绍一下有关javascript中的依赖问题.我们将继续就之前javascript中性能问题继续介绍. 先来回顾一下性能问题的 ...

  3. seajs学习笔记

    seajs配置 seajs.config({ //别名配置 alias:{ 'es5-safe':'gallery/es5-safe/0.9.3/es5-safe', 'jquery':'jquery ...

  4. seajs教程之seajs学习笔记 seajs.use用法

    seajs.use 用来在页面中加载模块.通过 use 方法,可以在页面中加载任意模块. 实例地址:http://www.android100.org/html/201405/23/12807.htm ...

  5. seajs 学习笔记

    seajs的作者是玉伯,具体好处优点等详见官方网址 介绍 1 模块定义define define(function(require,exports,module){ //require 引入需要的模块 ...

  6. seaJS学习资料参考

    seajs官方文档:http://seajs.org/docs/#docs http://wenku.it168.com/d_000096482.shtml http://blog.codinglab ...

  7. Android（java）学习笔记227：服务（service）之服务的生命周期 与 两种启动服务的区别

    1.之前我们在Android(java)学习笔记171:Service生命周期 (2015-08-18 10:56)说明过,可以回头看看: 2.Service 的两种启动方法和区别: (1)Servi ...

  8. CSS学习笔记——盒模型，块级元素和行内元素的区别和特性

    今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面.自从因为工作需要转前端之后,自己的主要注意力几 乎都放在JavaScript上面了,对CSS和HTML这方面 ...

  9. python3.4学习笔记(四) 3.x和2.x的区别，持续更新

    python3.4学习笔记(四) 3.x和2.x的区别 在2.x中:print html,3.x中必须改成:print(html) import urllib2ImportError: No modu ...

随机推荐

  1. Simple Factory 简单工厂模式（静态工厂）

    基本概念: 1) Simple Factory模式属于创建型模式, 2) 简单工厂模式是由一个工厂(注意是一个!)对象决定创建出哪一种产品类的实例(例如你到肯德基说你要鸡腿,要薯条,要饮料还是,,,这 ...

  2. PCB板的价格是怎么算出来的？

    Part 1 :影响一块PCB板价格的各种因素 PCB的价格是很多采购者一直很困惑的事情,很多人在线下单时也会疑问这些价格是怎么算出来的,下面我们就一起谈论一下PCB价格的组成因素. 1.PCB所用材 ...

  3. java 日期格式转换EEE MMM dd HH:mm:ss z yyyy

    SimpleDateFormat parserSDF = new SimpleDateFormat("EEE MMM dd HH:mm:ss zzzz yyyy", Locale. ...

  4. 一个小应用的dbcp和c3p0配置实例

    以下是一个小应用的数据库连接池配置,包括DBCP和C3P0的配制方法 因为是小应用,完全不涉及访问压力,所以配置上采取尽量节约数据库资源的方式 具体要求如下:初始化连接数为0连接不够,需要新创建时,每 ...

  5. 非常实用的PHP代码片段推荐

    当使用PHP进行开发的时候,如果你自己收 藏 了一些非常有用的方法或者代码片段,那么将会给你的开发工作带来极大的便利.今天我们将介绍10个超级好用的PHP代码片段,希望大家能够喜欢! 1.  使用te ...

  6. 函数fil_node_create

    /*******************************************************************//** Appends a new file to the c ...

  7. Qt之进程间通信（TCP/IP）

    简述 可以通过Qt提供的IPC使用TCP/IP,使用QtNetwork模块即可实现,TCP/IP在实现应用程序和进程内部通信或与远程进程间的通信方面非常有用. QtNetwork模块提供的类能够创建基 ...

  8. MDEV Primer

    /************************************************************************** * MDEV Primer * 说明: * 本文 ...

  9. busybox filesystem udhcpc 原理

    /******************************************************************** * busybox filesystem udhcpc 原理 ...

  10. Ajax+PHP简单入门教程

    Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.对于Ajax,最核心的一个对象是XMLH ...