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 相关文章推荐
JavaScript 异步调用框架 (Part 3 - 代码实现)
Aug 04 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
js中eval详解
Mar 30 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
概述jQuery的元素筛选
Nov 23 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
node.js中debug模块的简单介绍与使用
Apr 25 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
Apr 27 Javascript
django使用channels2.x实现实时通讯
Nov 28 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 UBB 解析实现代码
2011/11/27 PHP
PHP中使用curl入门教程
2015/07/02 PHP
php mysql 封装类实例代码
2016/09/18 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
2017/07/10 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
Python在Console下显示文本进度条的方法
2016/02/14 Python
使用numba对Python运算加速的方法
2018/10/15 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
python接口自动化框架实战
2020/12/23 Python
企业门卫岗位职责
2013/12/12 职场文书
财经学院自荐信范文
2014/02/02 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
保安岗位职责
2014/02/21 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
教师民族团结演讲稿
2014/08/27 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
2016春节家属慰问信
2015/03/25 职场文书
人与自然观后感
2015/06/16 职场文书
八年级英语教学反思
2016/02/15 职场文书
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
Java中的随机数Random
2022/03/17 Java/Android