`defer async` 字面意思
`src` r.js就是require.js的意思。代码到处都能搞到。
5.1.2 页面Business
加载依赖文件
require.baseUrl = "/"
require.config({
baseUrl: require.baseUrl,
paths: {
"jquery": "js/jquery-1.10.2.min",
"domready" : "reqmod/domReady",
"pm" : "reqmod/pmodal",
"cookie":"reqmod/cookie",
"user":"reqmod/user",
"bootstrap": "reqmod/bootstrap.min",
"nav":"reqmod/nav"
},
shim: {
'bootstrap': {
deps: ['jquery']
}
}
});
//直接copy全搞定。
执行页面business
执行里面做的最多的就是dom跟事件绑定而已。加载各种js库直接引用。
代码美观，开发效率，执行效率都是非常棒的。
require(['nav','domready', 'jquery', 'user','pm'], function (nav,doc, $, user,pm){
//这个函数的第一个`数组`参数是选择的依赖的模块。1. 网站绝对路径。 2. 使用加载依赖模块的时候选择export的内容
//数组的顺序要跟function顺序一致，如果有两个模块依赖比如说jquery插件，就写道最后不用变量，直接使用`$`
doc(function () { // domReady
pm.load();//加载各种插件HTML模板之类的都ok
$('#btn_login')[0].onclick = function(){user.login();}//button 事件绑定
});
});
页面MODEL
define(['jquery','reqmod/cookie','user','bootstrap'],function ($,cookie,user){
//define 函数的参数内容require是一样的。
// 这里依赖的模块要在调用此模块中的模块中有path配置。不然会死的很惨，报错的时候不会说缺少什么什么地方错了。
var nav_load = function () { // 注意函数定义的方式copy就行
$.get('/nav.html', function(result){
