(一)页面中引入seajs以及模块的加载和启动

Sea.js 模块加载与启动详解
最新推荐文章于 2021-06-15 18:53:44 发布
原创 最新推荐文章于 2021-06-15 18:53:44 发布 · 3.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#seajs加载和启动

本文探讨了Sea.js作为模块加载器的角色，强调其在模块定义规范和启动运行中的功能。通过`use`方法可以加载任意模块，同时讨论了Sea.js的引入时机与DOM ready的关系。

本文转载自官网上"模块的加载启动#260"这篇文章，seajs官网上的文档都是中文的，大部分写的也很清楚，看看就能上手了。这里之所以转载官网文档，一个是因为自己在学习阶段，自己手动敲一遍印象会更深，一个是因为GitHub访问比较慢，所以放在自己的博客，以后看着方便点。


Sea.js 是一个模块加载器，模块加载器需要实现两个基本功能：

1.实现模块定义规范，这是模块系统的基础。
2.模块系统的启动与运行。

模块系统的启动
最低0.47元/天 解锁文章
SeaJS(Javascript 模块加载框架) v1.0.2.zip
07-06
SeaJS 是一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意 JavaScript 模块
使用seajs来引入js代码
lemon_LLo的博客
03-01 712
新学的引用js文件的方法 注意的是：引入jquery的代码最好放在html文件中，本文是为了说明seajs中require如何使用的，才将jquery放入seajs中的。 html中对应的代码： script type="text/javascript" src="../js/lib/sea.js">script>这里一定要引入sea.js下面才能使用seajs.use(
seajs引入html,SeaJS：一个适用于 Web 浏览器端的模块加载器
weixin_32461163的博客
06-15 371
什么是SeaJS？SeaJS是一款适用于Web浏览器端的模块加载器，它同时又与Node兼容。在SeaJS的世界里，一个文件就是一个模块，所有模块都遵循CMD(Common Module Definition)规范。SeaJS本身遵循(Keep it Simple, Stupid)理念开发，API仅有几个。为什么用SeaJS？假如我们要开发一个web应用App，在这个应用中需要使用jquery框架。...
seaJs学习笔记之seaJs的异步加载和加载多个js文件
梦龙小站
12-27 1万+
到目前为止，seaJs的大部分使用方法已经为大家介绍完了，有关javascript的模块化大部分功能也已经向大家介绍完了。下面再向大家深入的介绍一下seaJs。Define除了可以对回调函数进行操作之外，还可以对数据进行加载。Define中的第三个参数module主要是辅助调试的作用，它是对模块内部进行调试作用。可以通过module可以获得这个模块的id，可以获取到这个模块依赖哪些模块的数
$(document).ready 与 seajs.use区别
u013938165的专栏
03-26 631
首先，这两个概念完全不同， seajs.use（）用于JavaScript的加载不同模块用的，在某个模块或几个模块加载完进行回调，是异步加载的 $(document).ready（） 大家是很熟悉的了，  文档准备好的事件，在里面的回调函数里的代码可以安全的执行，也就是说  整个页面加载完后  才会执行回调函数里面的 为什么要在$(document).ready里面写JavaS
seajs模块之间依赖的加载以及模块的执行
11-28
本文介绍的是seajs模块之间依赖的加载以及模块的执行，下面话不多说直接来看详细的介绍。 入口方法 每个程序都有个入口方法，类似于c的main函数，seajs也不例外。系列一的demo在首页使用了seajs.use() ，这便是入口...
seajs中模块的解析规则详解和模块使用总结
10-26
seajs.use是Sea.js对外提供的一种模块加载方式，它的解析规则与require略有不同，需要特别注意。 在解析模块ID的过程中，会先将ID通过Sea.js配置中的alias和paths的设置进行处理。alias和paths是Sea.js中用于模块...
SeaJS(Javascript 模块加载框架)源代码
03-18
SeaJS 是一款强大的 JavaScript 模块加载框架，其设计灵感来源于 CommonJS 规范，旨在为前端开发者提供一种模块化开发的方式，使 JavaScript 代码更加结构化、易于管理和复用。SeaJS 的核心目标是让在浏览器环境中...
通过seajs实现JavaScript的模块开发及按模块加载
12-10
Seajs 是一个 JavaScript 的模块加载器，它遵循 CMD (Common Module Definition) 规范，旨在解决 JavaScript 开发中常见的命名冲突、文件依赖管理等问题，推动 JavaScript 的模块化开发。通过 Seajs，开发者可以轻松...
seajs入门实例
feinifi的博客
10-25 2357
  在2014年初，接触过seajs，用来做过项目，当时配合jquery,mustache等做页面，上手之后，因为格式相对简单，写法也比较固定，开发中基本就是在调试用它写出来的组件或者工具方法，很少会去关注seajs本身的api，这就是和其他框架不同的地方。   seajs是玉伯出品，是模块化编程思想的完美体现，本身遵循cmd规范，但是可以像node一样去编码。   seajs经常配合jquery...
sea.js demo 简单实例教程
05-18
见一个web项目，解压后将两个文件放到web下可直接使用 运行项目后进入index.html看控制台即可
TP5.1 单入口多域名多模块设置
叶落无痕的博客
09-18 789
TP5.1 单入口多域名多模块设置如下,有两个域名www.codelobers.cn,m.codelovers.cn 其中www域名想指向index模块，m域名想指向m模块 1. 首先设置入口文件 /public/index.php switch($_SERVER['HTTP_HOST']){ case'www.codelovers.cn': $model='index';//index模块 ...
seajs如何正确加载jquery
四夕罗的博客
06-09 1397
jquery 默认支持模块化amd ，但是不支持cmd，所以想要seajs加载jquery,需要修改一段代码 把  if (typeof define === "function" && (define.amd)) {      define( "jquery", [], function() {          return jQuery;      });  } 改成
SeaJS简介三：模块载入和引用
热门推荐
Q
05-23 2万+
之前对模块有过介绍，一个模块对应一个js文件，而载入模块时一般都是提供一个字符串参数告诉载入函数需要的模块，所以就需要有一套从字符串标识到实际模块所在文件路径的解析算法。 SeaJS支持如下几种方式： 第一种：绝对路径--给出js文件的绝对路径 require("http://example/js/a"); 第二种：相对路径--用相对调用载入函数所在js文件的相对地址寻找模块 require(".
seajs动态加载js原理_seajs的加载原理
weixin_42386361的博客
12-24 320
刚跟 @乱码 讨论了下seajs的加载原理, 做了下手记, 记下来... 啦啦啦define添加到到seajs.cache里里#723 => 检测检测下依赖+返回值整个 #746 => 页面use触发(主入口,并留下回调埋点)#795 => 执行mod.load#813 => 分析所有依赖如果没有加载则加载#557 => fetch是加载js文件 => 如果...
(二)学习seajs模块定义和模块引用相关API
aty
10-22 4155
知道如何引入seajs，如何启动模块之后，现在我们改来看一下如何定义模块，如何让一个模块调用另一个模块。经常使用的 API 只有 define, require, require.async, exports, module.exports 这五个。本文主要摘抄自[CMD模块定义规范#242]和[require书写约定#259]。在CMD规范中，一个模块就是一个文件。可以看到这些规则并不复杂，也很合理，并没有加重程序员的负担。虽然id、dependencies都是必须的，但是我们源码中并不需要自己去添加这2
seajs模块加载
hefeng
11-16 411
在使用seajs加载模块时，对模块中依赖的模块都要加载一次才能使用，比如用jquery写代码，在每个模块中都需要require一次，像jquery这种全局都需要用到的模块，可以在config中设置preload,保证事先准备好jquery
在SeaJS中实现html模板文件的加载（Temod介绍）
weixin_34167043的博客
07-01 247
在几天前的一篇文章中，我介绍了JavaScript的模块化加载框架SeaJS。目前SeaJS支持js和css的模块化加载。在实际应用中，可能会遇到需要加载html页面模板文件的场景，例如我接触的某些应用使用Template Toolkit（以下简称TT）写页面模板，然后由js载入TT模板后渲染输出，在这种纯JavaScript渲染的Web架构中，需要将tt文件（或其它格式html模板文件）作为模块...
SeaJS 模块化加载框架使用
weixin_34049948的博客
07-22 152
SeaJS 是一个遵循 CMD 规范的模块化加载框架 CommonJS，CMD，AMD等规范后文会提到，这里主要先了解如何在代码中使用。   如果你有使用过nodejs ，那么理解起来就容易多了。   我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。 首先，当然是要下载sea.js,可以直接去 http://seajs.org/docs/#downlo...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值