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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 18 Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
45个JavaScript编程注意事项、技巧大全
Feb 11 Javascript
javascript白色简洁计算器
May 04 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
Mar 23 Javascript
详解webpack进阶之loader篇
Aug 23 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
基于Vue 实现一个中规中矩loading组件
Apr 03 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
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
php针对cookie操作的队列操作类实例
2014/12/10 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[48:35]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 TNC vs Optic
2018/04/03 DOTA
Python科学计算之NumPy入门教程
2017/01/15 Python
Python pandas常用函数详解
2018/02/07 Python
Django自定义用户认证示例详解
2018/03/14 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
Windows下Anaconda2安装NLTK教程
2018/09/19 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
应届毕业生个人求职自荐信
2014/01/06 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
赔偿协议书
2015/01/27 职场文书
美丽心灵观后感
2015/06/01 职场文书
浅析JavaScript中的变量提升
2022/06/01 Javascript