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获取浏览器版本及名称实现函数
Apr 02 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
May 11 Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
Feb 19 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Nov 02 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
JSONP解决JS跨域问题的实现
May 25 Javascript
Vue父组件监听子组件生命周期
Sep 03 Javascript
vue render函数动态加载img的src路径操作
Oct 26 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+ajax实现异步上传文件或图片功能
2017/07/18 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
使用setup.py安装python包和卸载python包的方法
2013/11/27 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
python中scikit-learn机器代码实例
2018/08/05 Python
Python中如何使用if语句处理列表实例代码
2019/02/24 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
Python笔记之工厂模式
2019/11/20 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
飞利浦美国官网:Philips美国
2020/02/28 全球购物
幼儿园保育员辞职信
2014/01/12 职场文书
满月酒答谢词
2014/01/14 职场文书
周年庆典主持词
2014/04/02 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
语文复习计划
2015/01/19 职场文书
2015年教师节广播稿
2015/08/19 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书
创业计划书之美甲店
2019/09/20 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript
python实现双链表
2022/05/25 Python