1.用于ADM(基于模块的异步加载JavaScript代码的机制)js模块开发
2.下载requireJS
3.好处:
1)有效防止命名冲突(js多时可能很多全局变量容易重复)
2)声明不同的js文件之间的依赖
3)模块化的开发
4.常用方法:
requirejs.config:为模块指定别名
requirejs:将写好的模块引入并编写主代码
define;编写模块,在相应地方来引用
5.例子:
1)引入模块入口data-main是入口;<script data-main="js/main" src="js/require.js"></script>
2)入口js文件中两个方法requirejs.config配置baseUrl;paths;requirejs([],function(){})
require.config({ baseUrl: ‘js‘, paths: { jquery: ‘jquery-1.8.2.min‘ } }); /* jquery是定义好的模块;validate也是在validate.js中定义的模块; $代表jquery模块;validate代表define定义的模块 */ require([‘jquery‘,‘validate‘],function($,validate) { $(‘body‘).css(‘background-color‘,‘red‘); console.log(validate.isEqual(12,23)); });
3定义的模块外部不能访问只能防护出结果:
//这里是一个私有的只能内部自己放回数据 define([‘jquery‘],function($){ return{ isEmpty:function(){}, checkLength:function(){}, isEqual:function(str1,str2){ return str1===str2; } } })
时间: 2024-12-20 18:06:23