码迷,mamicode.com
首页 > Web开发 > 详细

requireJS

时间:2017-06-19 23:30:17      阅读:442      评论:0      收藏:0      [点我收藏+]

标签:min   fine   closed   get   依赖   常用   asc   技术   logs   

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

 

  

requireJS

标签:min   fine   closed   get   依赖   常用   asc   技术   logs   

原文地址:http://www.cnblogs.com/xiaoping1993/p/7050964.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!