seajs使用-1 解决冲突和依赖
2015-08-05 23:35
871 查看
作用:解决冲突和依赖
1. 发生冲突
<script src="common.js"></script>
<script>
你的同事:
// tab()
你的新同事
function tab() {} // 冲突了
</script>
解决冲突:加命名空间(缺点:1. 前缀长,2. 只能降低冲突不能避免)
2. 发生依赖
<script src="show.js"></scirpt>
// 升级之后如果此模块( 假设是日历 )又引用了新的js文件,这会导致所有页面都要新加这个新的js文件
show(); // 你的同事用你的show.js忘记加依赖文件了,需要加依赖文件
看看下面是不是很痛苦:
你的同事:
<script src="a.js"></script>
<script src="show.js"></script>
show();
你的同事:
<script src="a.js"></script>
<script src="b.js"></script>
<script src="show.js"></script>
show();
解决冲突:
// 两个参数:第一个参数:模块的地址 第二个参数:回调函数
// sea的默认根目录:sea.js这个文件(建议写成./)
解决依赖(新同事过来直接调用一个js就ok啦):
module1.js页面
module2.js页面
1. 发生冲突
<script src="common.js"></script>
<script>
你的同事:
// tab()
你的新同事
function tab() {} // 冲突了
</script>
解决冲突:加命名空间(缺点:1. 前缀长,2. 只能降低冲突不能避免)
2. 发生依赖
<script src="show.js"></scirpt>
// 升级之后如果此模块( 假设是日历 )又引用了新的js文件,这会导致所有页面都要新加这个新的js文件
show(); // 你的同事用你的show.js忘记加依赖文件了,需要加依赖文件
看看下面是不是很痛苦:
你的同事:
<script src="a.js"></script>
<script src="show.js"></script>
show();
你的同事:
<script src="a.js"></script>
<script src="b.js"></script>
<script src="show.js"></script>
show();
解决冲突:
// 两个参数:第一个参数:模块的地址 第二个参数:回调函数
// sea的默认根目录:sea.js这个文件(建议写成./)
seajs.use(['./js/module2.js'], function(ex) { ex.show(); }); show(); // 这里不会冲突
解决依赖(新同事过来直接调用一个js就ok啦):
module1.js页面
define(function(require, exports, module) { // sea下的参数:不允许修改的 // exports: 对外提供接口的对象 // require: 模块之间依赖的接口 var a = require('./module2.js').a; // 当引入的是sea下面的模块的时候,那么require执行完的结果就是exports function show() { alert(a); } exports.show = show; });
module2.js页面
define(function(require, exports, module) { var a = 100; exports.a = a; });
相关文章推荐
- ExtJs使用总结
- [学习笔记]JavaScript基础--选项卡
- HYSBZ 1821 [JSOI2010]Group 部落划分(kruskal)(中等)
- [JSOI2008][BZOJ1017] 魔兽地图DotR|树型dp
- 解决js跨域问题的思路及实践
- [学习笔记]JavaScript基础--提取事件
- JS中判断undefined和null类型
- JS中判断undefined和null类型
- JS中判断undefined和null类型
- json 作为配置文件
- js中ajax的异步性
- JavaScript-基本语法和数据类型
- jsoup抓取网页+详细讲解
- javascript高级编程技术 第三章
- JSP基础
- Js学习第三天----字符集
- javascript实现html页面之间的参数传递
- 万能JS运动框架
- js DOM 常用API方法总结
- JAVAscript——菜单下拉列表练习(阻止事件冒泡)