`
shuzheng5201314
  • 浏览: 203239 次
  • 来自: 北京
社区版块
存档分类
最新评论

学习SeaJs整理的笔记

阅读更多

至于教程,官网和别人的博客写的太多了,看的都凌乱了,建议看官网。

 

要点

1SeaJS会根据自身的URI来决定URL base,而SeaJS在加载其他模块的时候会根据这个URL base来计算路径。SeaJS会忽略掉seajs、seajs/x.y.z/seajs这两种目录;

2、在SeaJS中一个文件就是一个模块。define是SeaJS定义的一个全局函数,用来定义一个模块,所有代码都放在define(function(require,exports,module){});函数体里面。

3、require,exports,module 参数。require引入依赖模块,exports提供对外接口,module有几种属性和方法,分别是:

        31、module.id(模块id,就是全路径了,一般情况下(没有在 define 中手写 id 参数时),module.id 的值就是 module.uri,两者完全相同。)  

        32、module.exports(对外接口,{}格式,exports 仅仅是 module.exports 的一个引用。)

        33、module.dependencies(数组,当前模块依赖的模块)

4、

<script src="assets/scripts/seajs/sea.js" id="seajsnode" data-main="application/application"></script>

	<!-- 
	Or
	<script src="assets/scripts/seajs/sea.js" id="seajsnode"></script>
	<script>
		seajs.use("application/application");
	</script>

	-->

 data-main为启动模块。

5、一个空对象,可用来判定当前页面是否有 CMD 模块加载器:

if (typeof define === "function" && define.cmd) {
  // 有 Sea.js 等 CMD 模块加载器存在
}
 6、require.async 方法用来在模块内部异步加载模块,require 是同步往下执行,require.async 则是异步回调执行。require.async 一般用来加载可延迟异步加载的模块。
7、require.resolve require.resolve(id)

使用模块系统内部的路径解析机制来解析并返回模块路径。该函数不会加载模块,只返回解析后的绝对路径。

console.log(require.resolve('./b'));
  // ==> http://example.com/path/to/b.js

这可以用来获取模块路径,一般用在插件环境或需动态拼接模块路径的场景下。

8、

分享到:
评论

相关推荐

    seajs_2.3.0以及学习文档

    Seajs 是一个轻量级的前端模块加载器,它的出现是为了在浏览器端实现 CommonJS 规范,使得 JavaScript 的组织和开发变得...通过深入学习和实践 Seajs,你可以更好地掌握前端开发的模块化思想,提升项目管理和协作效率。

    seajs入门完整案例,适合新手学习

    这个“seajs入门完整案例”针对初学者提供了学习资源,帮助他们快速掌握Seajs的基本用法和特性。 1. **模块化开发**:Seajs 提供了类似于 Node.js 的模块加载机制,允许开发者将代码分解为多个模块,每个模块都有...

    seajs代码以及文档,帮助你学习。

    开始学习seajs,模块化的js思想。SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现...

    seajs 源代码 学习

    下面将详细介绍 Seajs 的核心概念、工作原理以及如何学习和使用它。 一、Seajs 的核心概念 1. **模块化**:Seajs 基于 CMD(Common Module Definition)规范,推崇“延迟执行”和“就近定义”的原则。每个模块都是...

    seajs手册,教程

    8. **文档阅读**:"seajs手册.docx"提供了详细的Seajs使用指南,包括基本概念、API介绍、配置选项、最佳实践等内容,是学习和掌握Seajs的重要参考资料。 9. **社区支持**:Seajs拥有活跃的开源社区,开发者可以在...

    seajs官方小实例

    Seajs 源码结构清晰,易于阅读,开发者可以通过阅读源码学习到模块加载、URL 解析、异步加载等技术。 此外,Seajs 还提供了诸如 `seajs.data`、`seajs.event` 等工具方法,方便进行插件开发和事件监听。比如,你...

    seajs-5分钟上手

    Seajs是中国开源社区推出的一款浏览器端的模块加载器,它借鉴了CommonJS的规范,但针对浏览器环境进行了优化,使得JavaScript在浏览器端也能实现模块化的开发。本教程将带你快速了解并掌握Seajs的使用,让你在5分钟...

    seajs js 模块加载器

    SeaJS 是一款专为Web端设计的JavaScript模块加载器,它的出现是为了解决JavaScript在浏览器环境中的组织和管理问题。随着Web应用的复杂度不断提升,JavaScript代码的组织和依赖管理变得至关重要,SeaJS 提供了一种...

    Seajs的学习笔记

    Seajs,一个Web模块加载框架,追求简单、自然的代码书写和组织方式,:Sea.js 遵循 CMD 规范,模块化JS代码。依赖的自动加载、配置的简洁清晰,可以让程序员更多地专注编码。 2.优缺点 优点:1).提高可维护性。2)....

    seajs-2.3.0.zip

    3. **学习Node.js**:Seajs遵循CommonJS规范,有助于理解Node.js的模块系统。 总结,Seajs 2.3.0作为一个成熟的前端模块加载器,不仅提供了强大的模块化管理功能,还通过优化和插件系统,使前端开发更加高效和便捷...

    seajs下载以及规范

    Seajs是中国开源社区推出的一款基于模块化开发的前端加载器,它借鉴了CommonJS的模块化思想,但针对浏览器环境进行了优化。Seajs的核心理念是让JavaScript模块化变得简单,帮助开发者解决在大型Web项目中代码组织、...

    seajs-2.2.3

    Seajs-2.2.3 是一个开源的 JavaScript 模块加载器,旨在为开发者提供简单、极致的模块化开发体验。...通过学习和熟练掌握 Seajs,开发者能够更好地组织和管理代码,提升项目的可维护性和开发效率。

    seajs源码阅读

    此外,Seajs的源码结构清晰,注释丰富,是学习JavaScript编程思想和技巧的好材料。 在进行源码阅读时,可以结合提供的"seajs执行流程图.vsd"文件,这应该是一个Visio绘制的流程图,它可以帮助我们更直观地理解Seajs...

    seajs-2.2.0源码

    Seajs是中国著名的前端模块加载器,它借鉴了CommonJS的规范,使得JavaScript在浏览器环境中也能实现模块化的开发。本文将深入解析Seajs 2.2.0版本的源码,探讨其核心机制、设计理念以及如何使用它来组织和管理前端...

    seaJS框架简介和完整例子

    SeaJS 是一个轻量级的前端模块加载器,它的出现是为了改善JavaScript在浏览器环境中的组织和加载方式。本文将深入探讨SeaJS的...通过学习和应用SeaJS,开发者可以在浏览器环境中享受到类似于服务器端的模块化开发体验。

    seajs相关模板

    Seajs是中国开源社区发展出来的一款模块化加载器,它的出现是为了应对JavaScript在浏览器环境中缺乏一个标准的模块化解决方案的问题。Seajs的设计理念是基于CMD(Common Module Definition)规范,它鼓励开发者采用...

    CMD规范之seajs

    CMD规范之Seajs Seajs是一款轻量级的前端模块加载器,它遵循CommonJS规范,使得JavaScript在浏览器端也能实现模块化的开发。这个规范主要包含模块定义、模块加载和模块化开发的思想,大大提高了代码的可维护性和...

    seajs源代码

    通过学习和分析seajs源代码,开发者不仅可以掌握浏览器端的模块化开发技巧,还能了解到JavaScript异步编程、事件驱动模型、URI操作、性能优化等多个方面的知识。这有助于提升JavaScript开发能力,更好地应对复杂的...

    SeaJS与RequireJS区别

    **SeaJS 和 RequireJS 是两种广泛使用的 JavaScript 模块加载器和依赖管理工具,它们的主要目的是解决 JavaScript 在浏览器端的...通过学习和实践 SeaJS&Require JS 示例,可以深入理解这两种技术并掌握它们的用法。

Global site tag (gtag.js) - Google Analytics