zoukankan html css js c++ java

Javascript : require.js 的使用（例子）

demo 结构：

config.js

require.config({
    baseUrl: 'js/lib',
    paths: {
        'jquery' : 'jquery-1.11.1.min',
        'util' : 'util',
        'bootstrap' : 'bootstrap.min',
        'demo' : '../app/demo'
    },
    shim: {
        'util' : {
            exports : 'util',
            deps : ['bootstrap']
        },
    }
});

View Code

自定义模块 demo.js

// 自定义模块
(function(window) {
    var demo = {};

    demo.message = function(msg, type){
        require(['util'], function(u){
            u.message(msg, '', type);
        });
    }

    if (typeof define === "function" && define.amd) {
        define(function(){
            return demo;
        });
    } else {
        window.demo = demo;
    }
})(window);

View Code

index.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/require.js"></script>
    <script type="text/javascript" src="js/app/config.js"></script>
</head>
<body>

    <div id="content">content</div>

    <script>
        require(['jquery'], function($){
            $("#content").css("background", '#996699');
        });

        // require(['util'], function(u){
        //     u.message('信息提示', '', 'info');
        // });

        require(['demo'], function(d){
            d.message('内容', 'info');
        });
    </script>

</body>
</html>

View Code

源码

拓展：

（一）http://www.cnblogs.com/KeenLeung/p/6386434.html

（二）http://www.cnblogs.com/KeenLeung/p/6386468.html

（三）http://www.cnblogs.com/KeenLeung/p/6386559.html

============ end

查看全文

相关阅读:
【转载】$.ajax()方法详解
 【转载】"从客户端中检测到有潜在危险的 Request.Form 值"的解决方案汇总
 jQuery获取select的选中项value和text
AIDL
SAX
AsyncTask
Handler
ViewSwitch
TabActivity
AlarmManager

原文地址：https://www.cnblogs.com/KeenLeung/p/6386662.html