Seajs源码解析系列(三)

最新推荐文章于 2018-10-15 17:01:16 发布
最新推荐文章于 2018-10-15 17:01:16 发布
阅读量485 收藏
点赞数
分类专栏： seajs 文章标签： 源码 seajs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26708777/article/details/53271502
版权

前言：这一章主要对util-path.js部分的源码进行解析。path部分主要介绍seajs中有关路径处理、路径转换等功能的实现，通过本章的学习，我们将会了解到Seajs是如何实现一个模块的最终url路径的。
本章大部分的代码都和正则表达式有关，像许多JavaScript库一样，路径匹配的实现大都是通过正则表达式去匹配的。
分析：
因为本章大部分的内容都与正则表达式有关，所以这里先来介绍一下正则表达式。有关正则表达式的内容，《正则表达式30分钟入门教程》这篇文章介绍的很详细，有兴趣的小伙伴可以移步阅读一下。

正则表达式

不同语言对正则表达式的实现各有不同，JavaScript正则表达式的情况比较复杂，因为同样的JavaScript代码在不同的浏览器上实现的结果可能不同。所以，这里我们介绍的仅仅是”通用的”，特殊情况会标明。

1.首先需要明确的是，JavaScript的正则表达式对象是RegExp。最常见的生成方法是首尾两个斜线分隔符/之间，用正则文字给出表达式。比如/\d+/。也可以显示生成一个RegExp。例如：new RegExp(/\d+/);

2. javascript正则简介：

  • 字符组：在JavaScript的正则表达式中，中文字符问题比较复杂，建议使用Unicode编码环境，这样可以避免正则表达式将多字节字符拆成”字节”来对待，可以避免错误匹配。
  • 字符组简介法： JavaScript正则表达式都采用ASCII匹配规则，即便是在Unicode环境下仍然如此。即\d ==> [0-9], \w ==> [0-9a-zA-Z]
  • 单词边界：\b匹配成功只有一种情况：一边保证\w匹配成功，另一边保证\w匹配不成功。
  • 行起始/结束位置： 用来定位字符串或行起始位置的只有^,用来定位字符串或行结束位置的只有$.
  • 匹配模式： JavaScript对匹配模式的支持十分有限：常见的匹配模式只支持 “不区分大小写模式（i）”和多行模式（m）。
  • 捕获分组的引用：要在正则表达式内部引用分组捕获，应当使用\num记法，其中num为对应捕获分组的编号。如果要在替换的replacement字符串中引用捕获分组，则应当使用$num记法。

3.正则API简介：

  1. RegExp.exec(string)：这个方法用来在字符串中寻找匹配，如果成功，则返回表示匹配信息的数组，否则返回null。在默认情况下，他返回第一次匹配的结果。
  2. RegExp.test(string)：这个方法用来测试正则表达式能否在字符串中找到匹配文本，返回布尔值。
  3. string.match(RegExp)：这个方法类似于RegExp.exec(string)，只是调换了RegExp和string的位置。两者的区别在于：无论是否指定全局模式，RegExp.exec()总是返回单次的匹配结果，而string.match()在指定了全局匹配的情况下会返回一个字符串数组，其中包含各次成功匹配的文本。
  4. string.search(RegExp)：这个方法用来在寻找某个正则表达式在字符串中第一次匹配成功的位置。如果不成功，则返回-1。这个方法只能找到第一次匹配的位置，即使设定了全局模式，结果也不会有任何变化。
  5. string.replace(RegExp,replacement)：这个方法用来进行正则表达式替换，将RegExp能匹配的文本替换为replacement。默认情况下，他只进行一次替换，如果设定了全局模式，则所有能匹配的文本都会被替换。
  6. string.replace(RegExp,function)：这个方法可以理解为是方法5的一个”变种”，将第二个参数从字符串变成了函数，这个函数的接收参数是一个字符串，返回参数也是一个字符串。这样一来，文本处理就更加灵活了。
  7. string.split(RegExp)：这个方法使用一个正则表达式切分字符串，正则表达式是否使用了全局模式对结果没有影响。

上面对JavaScript正则表达式做了一些简单介绍，下面我们来看一下Seajs 中path功能模块的源码。

util-path.js源码分析：

要想了解Seajs是如何解析模块的uri的，首先需要了解Seajs.config
中alias，path，vars和map这四个配置参数的作用以及用法。

Seajs.config可以对Seajs进行配置，让模块编写，开发调试更方便。
seajs.config({

  // 别名配置
  alias: {
    'es5-safe': 'gallery/es5-safe/0.9.3/es5-safe',
    'json': 'gallery/json/1.0.2/json',
    'jquery': 'jquery/jquery/1.10.1/jquery'
  },

  // 路径配置
  paths: {
    'gallery': 'https://a.alipayobjects.com/gallery'
  },

  // 变量配置
  vars: {
    'locale': 'zh-cn'
  },

  // 映射配置
  map: [
    ['http://example.com/js/app/', 'http://localhost/js/app/']
  ],
...
});

支持以下配置选项：

alias Object

当模块标识很长时，可以使用 alias 来简化。

seajs.config({
  alias: {
    'jquery': 'jquery/jquery/1.10.1/jquery',
    'app/biz': 'http://path/to/app/biz.js',
  }
});
define(function(require, exports, module) {

   var $ = require('jquery');
     //=> 加载的是 http://path/to/base/jquery/jquery/1.10.1/jquery.js

   var biz = require('app/biz');
     //=> 加载的是 http://path/to/app/biz.js

});

使用 alias，可以让文件的真实路径与调用标识分开，有利于统一维护。

paths Object

当目录比较深，或需要跨目录调用模块时，可以使用 paths 来简化书写。

seajs.config({
  paths: {
    'gallery': 'https://a.alipayobjects.com/gallery',
    'app': 'path/to/app',
  }
});
define(function(require, exports, module) {

   var underscore = require('gallery/underscore');
     //=> 加载的是 https://a.alipayobjects.com/gallery/underscore.js

   var biz = require('app/biz');
     //=> 加载的是 path/to/app/biz.js

});

paths 配置可以结合 alias 配置一起使用，让模块引用非常方便。

vars Object

有些场景下，模块路径在运行时才能确定，这时可以使用 vars 变量来配置。

seajs.config({
  vars: {
    'locale': 'zh-cn'
  }
});
define(function(require, exports, module) {

  var lang = require('./i18n/{locale}.js');
     //=> 加载的是 path/to/i18n/zh-cn.js

});

vars 配置的是模块标识中的变量值，在模块标识中用 {key} 来表示变量。

map Array

该配置可对模块路径进行映射修改，可用于路径转换、在线调试等。

seajs.config({
  map: [
    [ '.js', '-debug.js' ]
  ]
});
define(function(require, exports, module) {

  var a = require('./a');
     //=> 加载的是 path/to/a-debug.js

});

通过以上Seajs.config进行的四项配置，最终都会影响到引擎解析一个模块最终的uri路径。

下面开始逐步介绍seajs引擎解析模块最终uri路径的过程，嫌麻烦的朋友可以直接跳到最后面看这一功能的源码，都有注释。

1.首先，我们先来看一下方法dirname该方法主要用于提取目录的一部分。正则表达式DIRNAME_RE的作用是匹配以除了？#之外的其他所有字符开头并以”/”结尾的字符串。

// Extract the directory portion of a path 提取目录的一部分
// dirname("a/b/c.js?t=123#xx/zz") ==> "a/b/"
// ref: http://jsperf.com/regex-vs-split/2
function dirname(path) {
  return path.match(DIRNAME_RE)[0]
}

2.方法realpath用于返回一个规范化的path。其中正则表达式DOT_RE,DOUBLE_DOT_RE,MULTI_SLASH_RE的作用如下所示：

//全局匹配/./
var DOT_RE = /\/\.\//g
//匹配 /目录名/../
var DOUBLE_DOT_RE = /\/[^/]+\/\.\.\//
//全局匹配双斜杠
var MULTI_SLASH_RE = /([^:/])\/+\//g

下面是realpath的方法：

// Canonicalize a path 规范化转换一个path
// realpath("http://test.com/a//./b/../c") ==> "http://test.com/a/c"
function realpath(path) {
  // /a/b/./c/./d ==> /a/b/c/d
  path = path.replace(DOT_RE, "/")

  /*
    @author wh1100717
    a//b/c ==> a/b/c
    a///b/c ==> a/b/c
    DOUBLE_DOT_RE matches a/b/c//../d path correctly only if replace // with / first
  */
  path = path.replace(MULTI_SLASH_RE, "$1/")

  // a/b/c/../../d  ==>  a/b/../d  ==>  a/d
  //path.match==>在全局模式下返回一个匹配的字符串数组
  while (path.match(DOUBLE_DOT_RE)) {
    path = path.replace(DOUBLE_DOT_RE, "/")
  }

  return path
}

3.方法normalize用于标准化id，即用来解决模块文件后缀名的问题。
除非在路径中出现问号（”?”）或者以斜杠(“/”)结尾，SeaJS 在解析模块标识时， 都会自动添加 JS 扩展名（”.js”）。如果不想自动添加扩展名，最简单的方法是， 在路径末尾加上井号（”#”）。

// Normalize an id 标准化id
// normalize("path/to/a") ==> "path/to/a.js"
// NOTICE: substring is faster than negative slice and RegExp
function normalize(path) {
  var last = path.length - 1
  var lastC = path.charCodeAt(last)

  // If the uri ends with `#`, just return it without '#'
  if (lastC === 35 /* "#" */) {
    return path.substring(0, last)
  }

  return (path.substring(last - 2) === ".js" ||
      path.indexOf("?") > 0 ||
      lastC === 47 /* "/" */) ? path : path + ".js"
}

4.下面是针对Seajs.config中四项配置对应的源码,上面已经介绍的比较详细了，这里就不再赘述了。

//不能以"/"和":"开头，并且结尾必须是"/"后面跟着若干字符(数量至少一个)
//      /^([^/:]+)(\/.+)$/.test("dd/")  ==>   false
//      /^([^/:]+)(\/.+)$/.test("dd/dd/.s")  ==> true
//      /^([^/:]+)(\/.+)$/.test("s:/ss/dd")  ==>false
//      /^([^/:]+)(\/.+)$/.test("s/ss/dd:")  ==>true
var PATHS_RE = /^([^/:]+)(\/.+)$/
//匹配变量，匹配{}对象
//TODO
var VARS_RE = /{([^{]+)}/g
//解析seajs.config({})中的alias配置
function parseAlias(id) {
  var alias = data.alias
  return alias && isString(alias[id]) ? alias[id] : id
}
//根据设置的data.paths转化id
function parsePaths(id) {
  var paths = data.paths
  var m

  if (paths && (m = id.match(PATHS_RE)) && isString(paths[m[1]])) {
    id = paths[m[1]] + m[2]
  }

  return id
}
//根据设置的vars设置id
//vars 有些场景下，模块路径在运行时才能确定，这时可以使用vars变量来配置
//vars 的详细用法参考 https://github.com/seajs/seajs/issues/262
function parseVars(id) {
  var vars = data.vars

  if (vars && id.indexOf("{") > -1) {
    id = id.replace(VARS_RE, function(m, key) {
      return isString(vars[key]) ? vars[key] : m
    })
  }

  return id
}
//根据在map中设置的规则转换uri
//配置项map的用法
/*seajs.config({
  map: [
    [ '.js', '-debug.js' ]
  ]
});
define(function(require, exports, module) {

  var a = require('./a');
  //=> 加载的是 path/to/a-debug.js

});*/
function parseMap(uri) {
  var map = data.map
  var ret = uri

  if (map) {
    for (var i = 0, len = map.length; i < len; i++) {
      var rule = map[i]

      ret = isFunction(rule) ?
          (rule(uri) || uri) :
          uri.replace(rule[0], rule[1])

      // Only apply the first matched rule
      if (ret !== uri) break
    }
  }

  return ret
}

5.方法addBase将seajs默认的或者自定义base路径添加进来，通过realpath方法返回真实路径，代码如下：

//匹配包含":/"或者"//{char}"开头的字符 {char}代表任意一个字符
var ABSOLUTE_RE = /^\/\/.|:\//
//根目录匹配
//ROOT_DIR_RE.exec("http://www.baidu.com/zhidao/answer/") ==>http://www.baidu.com/
var ROOT_DIR_RE = /^.*?\/\/.*?\//

function addBase(id, refUri) {
  var ret
  var first = id.charCodeAt(0)

  // Absolute
  if (ABSOLUTE_RE.test(id)) {
    ret = id
  }
  // Relative 第一个char是"." 判断refuri是否传入
  else if (first === 46 /* "." */) {
    ret = (refUri ? dirname(refUri) : data.cwd) + id
  }
  // Root 第一个char是"/" 根路径
  else if (first === 47 /* "/" */) {
    var m = data.cwd.match(ROOT_DIR_RE)
    ret = m ? m[0] + id.substring(1) : id
  }
  // Top-level
  else {
    ret = data.base + id
  }

  // Add default protocol when uri begins with "//"
  if (ret.indexOf("//") === 0) {
    ret = location.protocol + ret
  }

  return realpath(ret)
}

6.方法id2uri通过id来匹配正确的脚本uri地址，最后将其赋给seajs.resolve，暴露给开发者。开发者通过该方法对传入的字符串参数进行路径解析。

//通过id来匹配正确的脚本uri地址
function id2Uri(id, refUri) {
  if (!id) return ""

  id = parseAlias(id)
  id = parsePaths(id)
  id = parseAlias(id)
  id = parseVars(id)
  id = parseAlias(id)
  id = normalize(id)
  id = parseAlias(id)

  var uri = addBase(id, refUri)
  uri = parseAlias(uri)
  uri = parseMap(uri)

  return uri
}

// For Developers
//会利用模块系统的内部机制对传入的字符串参数进行路径解析。
seajs.resolve = id2Uri
至此，seajs路径解析功能已基本分析完毕，下面附上本章全部代码注释：
//匹配文件夹目录(匹配开头除了？#字母之外，以"/"结尾的任意字符串)
var DIRNAME_RE = /[^?#]*\//
//全局匹配/./
var DOT_RE = /\/\.\//g
//匹配 /目录名/../
var DOUBLE_DOT_RE = /\/[^/]+\/\.\.\//
//全局匹配双斜杠
var MULTI_SLASH_RE = /([^:/])\/+\//g

// Extract the directory portion of a path 提取目录的一部分
// dirname("a/b/c.js?t=123#xx/zz") ==> "a/b/"
// ref: http://jsperf.com/regex-vs-split/2
function dirname(path) {
  return path.match(DIRNAME_RE)[0]
}

// Canonicalize a path 规范化转换一个path
// realpath("http://test.com/a//./b/../c") ==> "http://test.com/a/c"
function realpath(path) {
  // /a/b/./c/./d ==> /a/b/c/d
  path = path.replace(DOT_RE, "/")

  /*
    @author wh1100717
    a//b/c ==> a/b/c
    a///b/c ==> a/b/c
    DOUBLE_DOT_RE matches a/b/c//../d path correctly only if replace // with / first
  */
  path = path.replace(MULTI_SLASH_RE, "$1/")

  // a/b/c/../../d  ==>  a/b/../d  ==>  a/d
  //path.match==>在全局模式下返回一个匹配的字符串数组
  while (path.match(DOUBLE_DOT_RE)) {
    path = path.replace(DOUBLE_DOT_RE, "/")
  }

  return path
}

// Normalize an id 标准化一个id
// normalize("path/to/a") ==> "path/to/a.js"
// NOTICE: substring is faster than negative slice and RegExp
function normalize(path) {
  var last = path.length - 1
  var lastC = path.charCodeAt(last)

  // If the uri ends with `#`, just return it without '#'
  if (lastC === 35 /* "#" */) {
    return path.substring(0, last)
  }

  return (path.substring(last - 2) === ".js" ||
      path.indexOf("?") > 0 ||
      lastC === 47 /* "/" */) ? path : path + ".js"
}

//不能以"/"和":"开头，并且结尾必须是"/"后面跟着若干字符(数量至少一个)
//      /^([^/:]+)(\/.+)$/.test("dd/")  ==>   false
//      /^([^/:]+)(\/.+)$/.test("dd/dd/.s")  ==> true
//      /^([^/:]+)(\/.+)$/.test("s:/ss/dd")  ==>false
//      /^([^/:]+)(\/.+)$/.test("s/ss/dd:")  ==>true
var PATHS_RE = /^([^/:]+)(\/.+)$/
//匹配变量，匹配{}对象
//TODO
var VARS_RE = /{([^{]+)}/g
//解析seajs.config({})中的alias配置
function parseAlias(id) {
  var alias = data.alias
  return alias && isString(alias[id]) ? alias[id] : id
}
//根据设置的data.paths转化id
function parsePaths(id) {
  var paths = data.paths
  var m

  if (paths && (m = id.match(PATHS_RE)) && isString(paths[m[1]])) {
    id = paths[m[1]] + m[2]
  }

  return id
}
//根据设置的vars设置id
//vars 有些场景下，模块路径在运行时才能确定，这时可以使用vars变量来配置
//vars 的详细用法参考 https://github.com/seajs/seajs/issues/262
function parseVars(id) {
  var vars = data.vars

  if (vars && id.indexOf("{") > -1) {
    id = id.replace(VARS_RE, function(m, key) {
      return isString(vars[key]) ? vars[key] : m
    })
  }

  return id
}
//根据在map中设置的规则转换uri
//配置项map的用法
/*seajs.config({
  map: [
    [ '.js', '-debug.js' ]
  ]
});
define(function(require, exports, module) {

  var a = require('./a');
  //=> 加载的是 path/to/a-debug.js

});*/
function parseMap(uri) {
  var map = data.map
  var ret = uri

  if (map) {
    for (var i = 0, len = map.length; i < len; i++) {
      var rule = map[i]

      ret = isFunction(rule) ?
          (rule(uri) || uri) :
          uri.replace(rule[0], rule[1])

      // Only apply the first matched rule
      if (ret !== uri) break
    }
  }

  return ret
}

//匹配包含":/"或者"//{char}"开头的字符 {char}代表任意一个字符
var ABSOLUTE_RE = /^\/\/.|:\//
//根目录匹配
//ROOT_DIR_RE.exec("http://www.baidu.com/zhidao/answer/") ==>http://www.baidu.com/
var ROOT_DIR_RE = /^.*?\/\/.*?\//

function addBase(id, refUri) {
  var ret
  var first = id.charCodeAt(0)

  // Absolute
  if (ABSOLUTE_RE.test(id)) {
    ret = id
  }
  // Relative 第一个char是"." 判断refuri是否传入
  else if (first === 46 /* "." */) {
    ret = (refUri ? dirname(refUri) : data.cwd) + id
  }
  // Root 第一个char是"/" 根路径
  else if (first === 47 /* "/" */) {
    var m = data.cwd.match(ROOT_DIR_RE)
    ret = m ? m[0] + id.substring(1) : id
  }
  // Top-level
  else {
    ret = data.base + id
  }

  // Add default protocol when uri begins with "//"
  if (ret.indexOf("//") === 0) {
    ret = location.protocol + ret
  }

  return realpath(ret)
}
//通过id来匹配正确的脚本uri地址
function id2Uri(id, refUri) {
  if (!id) return ""

  id = parseAlias(id)
  id = parsePaths(id)
  id = parseAlias(id)
  id = parseVars(id)
  id = parseAlias(id)
  id = normalize(id)
  id = parseAlias(id)

  var uri = addBase(id, refUri)
  uri = parseAlias(uri)
  uri = parseMap(uri)

  return uri
}

// For Developers
//会利用模块系统的内部机制对传入的字符串参数进行路径解析。
seajs.resolve = id2Uri
胖猫的夏天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
seajs1.3.0源码解析之module依赖有序加载
10-27
里是seajs loader的核心部分，有些IE兼容的部分还不是很明白，主要是理解各个模块如何依赖有序加载，以及CMD规范
seajs常用配置
Bennes的专栏
10-15 594
seajs使用很多，但配置相对比较少，新项目时，总是要重新去处理一次，老忘记，所以记录下，方便查找 初始加载 配置方式： seajs.config({ base: "./", alias: { "ztree" : "/javascript/plugin/ztree/js/jquery.ztree.all.js", "flexigrid" : "/javascript
seajs源码解析
weixin_34356138的博客
02-27 124
Seajs是一款模块化开发框架，遵循CMD规范。虽然到现在为止很多模块打包工具比它更加的完善，但还是有必要拜读一下的，毕竟为前端模块化的发展做了很大的贡献，分析一下涨涨姿势。文章主要从以下几个方面来分析。有不对的地方，欢迎大家指出。 1、什么是CMD规范 CMD（Common Module Definition）是seajs在推广中规范出...
seajs最常用7个
热门推荐
低调走过
03-02 1万+
1.seajs.config seajs.config({ // 设置路径，方便跨项目调用 paths: { 'path1': '....', 'path2': '....' }, // 设置别名，方便调用 alias: { 'class1': '...', 'class2': '...'
使用seajs进行模块化前端开发
FE攻城狮
12-02 2565
之前有一篇文章介绍了requireJS进行模块化开发，今天来说高大上的国产SeaJS的吧，是的SeaJS遵循的是CMD规范。作者是淘宝前端工程师，名字叫玉伯。此解决方案的宗旨是使前端工程师从繁重的js文件及对象依赖处理中解救出来，从而可以专注代码的逻辑本身。 要使用SeaJs,只要下载sea.js文件，然后直接包含在html文件中就可以了，那么如何定义能被seajs加载的模块呢？请看下面的这段源
SEAJS 的使用 – 配置，及版本号控制
LzwGlory的专栏
03-19 3193
seajs 的配置还是很简单的， 总共就那么几个， 用下面一段代码来说明每项配置大概的作用吧。 //config.js ;(function(){ var root = '../static/js/'; var version = '1.0'; seajs.config({ //模块系统的基础路径 base: '../static/js/', //别名 alias: { 'jquery': '
Seajs源码详解分析
10-17
近几年前端工程化越来越完善，打包工具也已经是前端标配了，像seajs这种老古董早已停止维护，这是一篇细细品味Seajs源码的文章,看完一定受益匪浅
seajs源码阅读
04-24
NULL 博文链接：https://lpyyn.iteye.com/blog/2380718
一步步学会使用SeaJS 2.0
C860_zy的专栏
04-19 3541
本文分为以下8步，熟悉之后就能够熟练使用SeaJS，从此之后你的生活会变得更加轻松愉悦！ 1、SeaJS是什么？ 2、下载并检阅SeaJS 3、建立工程和各种目录 4、引入SeaJS库 5、编写自己的代码 6、引入自己的代码 7、压缩合并 8、总结展望 --------------------------------------------------
seajs 路径解析过程
星空
12-15 810
目录resolve定义 alias 别名 paths 路径 vars 变量 normalize 标准化后缀 添加base 基础路径 realpath 真实路径 map 映射简要说明本文对Seajs 3.0.1 的部分源码（util-path.js) 进行学习，习得的体会。重点是对Sea.js中路径解析的过程进行源码级的理解和探索，包括seajs.resolve的定义；id解析到文件
seajs.use 用法
QLiuQ
02-14 4390
有了 define 等模块定义规范的实现，我们可以开发出很多模块。但光有一堆模块不管用，我们还得让它们能跑起来。在 SeaJS 里，要启动模块系统很简单：&lt;script src="path/to/sea.js"&gt;&lt;/script&gt; &lt;script&gt; seajs.use('./main'); &lt;/script&gt;seajs.use 用来在页面中加载模块。...
SeaJS从入门到原理
凹凸实验室
08-29 348
最近项目中抛弃传统的<script>而改用 SeaJS 这样的 JS 模块加载器了，确实模块加载器对于代码的可维护性带来了较大的提升。1、前言SeaJS 是一个模块加载器，模块加载器需要实现两个基本功能：实现模块定义规范，这是模块系统的基础。模块系统的启动与运行。下文会围绕模块定义规范以及模块系统的启动与运行两方面进行讲解，最后理清一下模块加载大体流程，以及说明与RequireJS的主...
模块化工具seajs
一个有味道的Weber
02-26 511
一、引入sea.js<script type="text/javascript" src="js/sea.js"></script> 二、如何变成模块用define(function(require,exports,module){})包裹 require模块之间依赖的接口 exports对外提供方法的接口define(function(require,exports,module) {
seajs 使用点滴
zhangxin09的专栏
06-28 2101
JavaScript 作为脚本语言，本身很精简，发明之初根本没考虑什么模块的情况。于是，今天讨论的模块化就来解决 JavaScript 中依赖、冲突甚至代码如何封装的问题的。
seajs配置问题详解以及seajs一些插件的使用
高山上的鱼
12-06 5488
base配置： seajs.config({ base:"http://localhost:8080/sealJs/"}note:  这里是设置基础的文件夹，所有路径都是相对于他来说的 alias配置：（alias就是当模块标识很长的时候用的方式） alias: { 'jquery1': 'moduler1/fakeJquery',/*相对地址，相对于base来说的，表示htt
SeaJS入门教程系列之使用SeaJS（二）
hsany330的专栏
04-17 1547
要在项目中使用SeaJS，你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置。 SeaJS项目目前托管在GitHub上，主页为 https://github.com/seajs/seajs/ 。可以到其git库的build目录下下载sea.js（已压缩）或sea-debug.js（未压缩）。 下载完成后放到项目的相应位置，然后在页面中通过标签引入，你就可以使用SeaJS了。
Seajs源码解析系列(一)
胖猫的博客
11-17 1181
前言：以前在做webgis开发的时候，就对dojo的模块化加载方式很好奇，一直想弄清楚它的实现原理，奈何其框架过于庞大，加上自己也懒，就一直没有深入进行研究。这段时间接触了Sea.js，淘宝前端大牛玉伯写的。它遵循的是CMD的加载规范，据说可以像Node一样书写模块代码。好奇看了一下源码，嗯~，才1000来行，加上最近时间也不是太忙，就想深入研究一下。Seajs简介： Seajs可以理解为是一种模
seajs源码分析-运行机制浅析（一）
jiangcs520的专栏
09-24 1791
前端技术发展简直是日新月异，随着angularjs，vuejs，reactjs等等这些框架的不断兴起，转眼间jquery，seajs，Backbone这些框架已经成了清朝的框架了，再加上es6本身对于模块化的支持，也许，seajs模块化在将来的某天可能会彻底成为历时，尽管如此，学习框架，不仅仅是学会怎么用它，更重要的理解其中的一些思想，理解框架的思维，才能干翻框架。废话到此 其实seajs代码量
Seajs 模块化 require 模块 基础详解
Tom__cy的博客
10-15 1117
seajs 介绍–CMD 是国内的一套模块化开发框架，有淘宝工程师王伯写的，有中文文档，学习简单 开源代码库 https://github.com/seajs/seajs Seajs出现的比较晚，因此借鉴了，nodejs的commonjs规范（加载时同步的），但是前端使用文件是要异步加载文件的，加载完成之后才能使用，又借鉴了前端的AMD规范，seajs的规范称之为cmd规范，这套框架在使用的时候，...
Uncaught ReferenceError: seajs is not defined at
最新发布
09-19
它意味着你在代码中使用了 `seajs`，但没有正确引入相关的库文件或脚本。 `seajs` 是一个用于模块化开发的 JavaScript 框架，类似于其他的模块化加载器如 `require.js`。如果你想在项目中使用 `seajs`，你需要先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值