SeaJS中use函数用法实例分析


Posted in Javascript onOctober 10, 2017

本文实例讲述了SeaJS中use函数用法。分享给大家供大家参考,具体如下:

有了 define 等模块定义规范的实现,我们可以开发出很多模块。但光有一堆模块不管用,我们还得让它们能跑起来。在 SeaJS 里,要启动模块系统很简单:

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use 用来在页面中加载模块。通过 use 方法,可以在页面中加载任意模块。

语法:seajs.use seajs.use(id, callback?)

// 加载模块 main,并在加载完成时,执行指定回调
seajs.use('./main', function(main) {
main.init();
});

use 方法还可以一次加载多个模块:

// 并发加载模块 a 和模块 b,并在都加载完成时,执行指定回调
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

callback 参数可选。当只加载一个模块,且不需要 callback 时,可以用 data-main 属性来简化:

<script src="path/to/sea.js" data-main="./main"></script>

上面的代码等价于:

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS 还提供 data-config 来加载配置文件:

<script src="path/to/sea.js" data-config="path/to/config"></script>

data-config 等价:

seajs.config({
preload: ['path/to/config']
});

路径解析规则与 seajs.use 一致。

我这里用的是:

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

注:main为模块名。main.method为模块定义的函数,可以传递参数过去。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
浅析javascript中的DOM
Mar 01 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
mpvue全局引入sass文件的方法步骤
Mar 06 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 #Javascript
seajs模块压缩问题与解决方法实例分析
Oct 10 #Javascript
基于vue的换肤功能的示例代码
Oct 10 #Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 #Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 #Javascript
认识jQuery的Promise的具体使用方法
Oct 10 #jQuery
JavaScript如何获取到导航条中HTTP信息
Oct 10 #Javascript
You might like
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
PHP图像处理类库及演示分享
2015/05/17 PHP
PHP用户验证和标签推荐的简单使用
2016/10/31 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
javascript取消文本选定的实现代码
2010/11/14 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
2011/03/03 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
Python压缩和解压缩zip文件
2015/02/14 Python
Python smallseg分词用法实例分析
2015/05/28 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
动态密码技术
2012/10/18 面试题
师范生自我鉴定范文
2013/10/05 职场文书
工作交流会欢迎词
2014/01/12 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
2014年体育部工作总结
2014/11/13 职场文书
婚宴邀请函
2015/01/30 职场文书
2015年端午节活动总结
2015/02/11 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
欢送领导祝酒词
2015/08/12 职场文书