Requirejs基础教程

Requirejs有什么用？

加载js，让文档更干净

1.下载资源

下载资源，构建如下目录结构

2.写index文件

<!doctype html>
<html>
    <head>
        <title>requirejs入门（一）</title>
        <meta charset="utf-8">
        <script data-main="js/main" src="require.js"></script>
    </head>
    <body>
     
    </body>
</html>
 <script data-main="js/main" src="require.js"></script>中的data-main是文件主入口，main.js是下面这样的

3.配置和加载

require.config({
    baseUrl: 'js',
    paths:{
        jquery:'jquery-1.7.2-min'
    }
});

require(['a','jquery'], function(a) {
     
});

baseUrl可以是绝对path和相对path，相对路径是相对于载入requirejs的文档，index.html
加载了a和jquery的js文件，回调函数的参数应该对应数组的参数的返回值

4.依赖加载

a.js的文件是这样的　
define(['b'],function (b){
　　　    m();
　　});

b.js是这样的

  function m(){
　  alert('bbb');
  };

这里表示依赖a文件依赖b

 

 

参考资料:http://www.ruanyifeng.com/blog/2012/11/require_js.html

http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html

posted @ 2016-12-13 11:41  layfork  阅读(258)  评论(0)  编辑  收藏  举报