首页 > 代码库 > 【转】require.js学习笔记(二)
【转】require.js学习笔记(二)
require.js遵循AMD规范,通过define定义模块,require异步加载模块,一个js文件即一个模块。
一、模块加载require
1.加载符合AMD规范模块
HTML:
<script src="http://www.mamicode.com/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
【转】require.js学习笔记(二)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。