AMD define
最近研究基于knockout 组件的前端框架,主要的涉及requirejs 、 require-text sammy bootstrap等。此篇介绍涉及的requirejs的基础。
1、AMD 异步加载模块(requirejs)
requirejs.config({
baseurl:”/js/lib” //加载所有的模块都是在这个基础路径下
paths:{
“app”:”../app”, //以app开头的都是在此路径下
“bootstrap”: “framework/scripts/libs/bootstrap” //加载bootstrap模块
}
});
requirejs([‘jquery’, ‘canvas’, ‘app/sub’], //依赖到的js文件
function ($, canvas, sub) {
//jQuery, canvas and the app/sub module are all
//loaded and can be used here now.
});2 requirejs中的define(实现模块,防止控件污染)
define(“foo/title”, //模块名称
[“my/cart”, “my/inventory”],//依赖的模块
function(cart, inventory) { //模块的实体,可以是一个函数也可是一个对象,但是返回值中必须包含一个对象
//Define foo/title object in here.
}
);