fn.define
= function(id,
deps, factory) {
//code of function…
}

define(function(require,
exports, module) {
//code of the module...
});

fn.define = function(id, deps, factory)

define(function(require,
exports, module) {
var a = require('./a');//引入a模块 
exports.fun2= function(){
alert("fun2");
a.dosomething();
　　} 

}

require("./module1-style.css");

require(<a href="http://example/js/a.json" rel="external nofollow" >http://example/js/a.json"htmlcode">

require(http://example/js/a.json#);


使用exports来向外部暴露方法，或者属性。暴露属性有几种方式，如上面中的例子是一种方式，另外还有：
使用return：


define(function(require)
{
var data1 = 1; //私有数据
var func1 = function() { //私有方法
returna.run(data1);
}
//暴露
return{
data2: 2,
func2:function() {
return'hello';
}
}; 
});


直接返回json对象：


define({
data: 1,
func:function() {
return'hello';
}
});


页面中调用seajs
前面说了seajs用来解决模块开发，和繁琐的文件依赖问题，所以所有的文件依赖都是通过require对象进行加载，或者可以使用require.async（“./a”）来进行异步加载，即当使用到的时候才进行加载，
注：无论是require（）还是require.async（）都可以有第二个参数为回调函数，当文件加载成功时调用：


require.async('/path/to/module/file',function(m) {
//code of callback...
});


有了这个加载依赖的方式，我们无需再页面上书写大量的<script ></script>标签，而仅仅使用一个




<script src="/UploadFiles/2021-04-02/sea.js">

即可，其中data-main="./init" 为入口模块，表示加载这个模块，在进行迭代加载其所依赖的模块，使用这个属性可以省略seajs.use。这个后面说。
使用seajs.config进行全局配置：


seajs.config({
base:'path/to/jslib/',
alias: {
'app':'path/to/app/'
},
charset:'utf-8',
timeout: 20000,
debug:false
});


这是对seajs进行全局配置，
base表示基址寻址时的基址路径
alias可以对较长的常用路径设置缩写。
charset表示下载js时script标签的charset属性。
timeout表示下载文件的最大时长，以毫秒为单位。
debug表示是否工作在调试模式下。
使用seajs.use 载入入口模块，相当于java的main函数，


//单模块模式
seajs.use('./a');
//回调模式
seajs.use('./a',function(a)
{
a.dosomething();
});
//多模块模式
seajs.use(['./a','./b'],function(a,
b) {
a.dosomething();
b.dosomething();
});


下面可以看其官方给的simple例子中的页面怎么写的，基本上就明白了sea.js 是怎么用的了：


<script src="/UploadFiles/2021-04-02/sea.js">

//mian.js


//hello/mian.js
define(function(require) {
var Spinning = require('./spinning');
var s = new Spinning('#container');
s.render();
});


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

                                
                                

                                    seajs,javascript,模块开发,按模块加载 
                                

                                    标签：
                                        
seajs,javascript,模块开发,按模块加载
                                     

                                
极乐门资源网 Design By www.ioogu.com