requireJS

Posted 2020-09-23 小平1993

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));
});

View Code

　　3定义的模块外部不能访问只能防护出结果：

//这里是一个私有的只能内部自己放回数据 
define([‘jquery‘],function($){
    return{
        isEmpty:function(){},
        checkLength:function(){},
        isEqual:function(str1,str2){
            return str1===str2;
        }
    }
    
})

View Code