【转】require.js学习笔记(二)

require.js遵循AMD规范，通过define定义模块，require异步加载模块,一个js文件即一个模块。

一、模块加载require
1.加载符合AMD规范模块

HTML:

<script src="js/require.js" data-main="js/main"></script>

MAIN.JS

require.config({

　　　　baseUrl: "js/lib",

　　　　paths: {

　　　　　　"jquery": "jquery.min"

　　　　}

　　});


require(['jquery'], function ($){
　　　　// some code here
　　});

2.加载不符合AMD规范模块

require.config({
　　　　shim: {
　　　　　　'underscore':{
　　　　　　　exports: '_'  
　　　　　　},
　　　　　　'backbone': {
　　　　　　　　deps: ['underscore', 'jquery'],
　　　　　　　　exports: 'Backbone'
　　　　　　}
　　　　}
　　});

二、模块定义define

define(['math', 'graph'], 
    function ( math, graph ) {
        return {
            plot: function(x, y){
                return graph.drawPie(math.randomGrid(x,y));
            }
        }
    };
);

三、require+jquery+domready

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="js/require.js"></script>
</head>
<body>
    <div id="333">123124</div>
    <script> 
    require.config({
        paths: {"jquery": "js/lib/jquery-1.11.1.min",
        "domReady": "js/lib/domReady"
    }  
    });

    require(["domReady!", "jquery"], function() { 
             //alert('22')
             change();
     }); 

    function change(){
        $('#333').text('5555');
    }
     </script>
    
     
</body>
</html>

原文地址：
http://javascript.ruanyifeng.com/tool/requirejs.html

http://www.ruanyifeng.com/blog/2012/11/require_js.html

相关阅读:
[置顶] python篇
[置顶] 面试锦囊
mapstruct原理
二分法
mapstruct进阶用法《一》
mapstruct进阶用法《二》
mapstruct进阶用《四》
mapstruct进阶《三》
三、人脸识别手机版
rosdep init & rosdep update 失败接方法

原文地址：https://www.cnblogs.com/grape1211/p/4050804.html