数码资讯
AMD异步模块定义在Require.js的引种、jQuery和jQuery插件的使用
AMD的模块 AMD(异步模块定义,异步模块定义)格式的总体目标是为今天的开发人员提供一个可用的模块化Javascript解决方案。 AMD的模块格式本身的建议定义一个模块中的模块和依赖关系可以异步加载,它具有许多独特的优点,包括自然的异步性和高度的灵活性,可以缓解常见的代码和模块标识符之间的紧耦合
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
AMD的模块
AMD(异步模块定义,异步模块定义)格式的总体目标是为今天的开发人员提供一个可用的模块化Javascript解决方案。
AMD的模块格式本身的建议定义一个模块中的模块和依赖关系可以异步加载,它具有许多独特的优点,包括自然的异步性和高度的灵活性,可以缓解常见的代码和模块标识符之间的紧耦合。目前,已经有很多项目,包括jQuery(1.7)。
RequireJS
requirejs是工具库,它主要用于客户端端模块管理。它允许客户端的代码被划分成模块,可以异步加载和动态,从而提高了性能和代码可维护性,模块管理遵循AMD规范。
支持AMD
jQuery 1.7开始支持jQuery登记为AMD异步模块。有很多兼容的脚本装载机,包括requirejs和卷曲,可以在异步模块格式加载模块,这意味着它不需要太多的黑客让一切运行。你可以看看jQuery 1.7的源代码:
复制代码代码如下所示:
将jQuery暴露为AMD /模块,但仅限于AMD加载程序
理解加载多个jQuery版本的问题
在所有可能调用定义的页中,加载程序将指示(…)。
他们对多个jQuery版本有特殊的津贴。
指定define.amd.jquery =真。作为命名模块注册,
由于jQuery可以与可以使用定义的其他文件连接起来,
但不要使用正确的连接/脚本来理解匿名。
AMD的模块。命名AMD是最安全和最健壮的注册方式。
使用小写jQuery是因为AMD的/模块名来自
和jQuery文件名,通常以小写文件名发送。
如果(typeof定义为功能define.amd定义。AMD。jQuery){
定义()
}
这项工作的原则是,用以表明它可以通过指定一个属性,支持多个版本的jQuery脚本加载,define.amd.jquery是真的。如果你在了解具体的实现细节感兴趣,我们将登记作为一个模块命名为jQuery,因为可能会有可与其他AMD的风险(定义)方法文件一起,没有一个正确的认识,对AMD的模块定义的使用,匿名把脚本。
jQuery的高版本(1.11.1)去除define.amd.jquery判断:
复制代码代码如下所示:
如果(typeof定义为功能的定义。AMD){
定义()
返回jQuery;
});
}
使用jQuery在Require.js
jQuery在Require.js使用非常方便和简单的配置,例如:
复制代码代码如下所示:
简单配置
Require.config({
/ / requirejs通过相对路径baseurl.baseurl加载所有的代码通常设置为数据的主要属性为脚本指定目录的同一级。
URL地址:, / JS
/ /第三方脚本模块的别名,jQuery库 / jquery-1.11.1.min.js简洁;
路径:{
jquery:LIBS / jquery-1.11.1。版
}
});
使用jQuery模块
需要{、}、函数($){
您的代码
例如 / /方法,在这里你可以直接使用jQuery:$(#结果)。Html(你好世界!;
});
使用jQuery插件在Require.js
虽然jQuery支持AMD的API,但这并不意味着jQuery插件也是AMD兼容的。
jQuery插件的一般格式:
复制代码如下:(函数($){)
(美元。fn.myplugin =功能){
/您自己的插件代码
};
}(jQuery);
但有一点修改,我们可以使用require.js加载jQuery插件:
复制代码代码如下所示:
(函数(工厂){)
如果(typeof定义为功能的定义。AMD){
/ AMD模式
定义({、工厂);
{人}
全局模型
工厂(jQuery);
}
}(函数($){
(美元。fn.jqueryplugin =功能){
插件代码
};
});
jQuery UI组件在Require.js使用
在Require.js也有类似的jQuery UI组件。只需转换jQuery小部件工厂代码,就可以感受到jQuery UI的依赖性:
复制代码代码如下所示:
(function(widgetfactory){
如果(typeof定义为功能的定义。AMD){
/ AMD模式
定义()
WidgetFactory(窗口。jQuery);
});
{人}
全局模型
WidgetFactory(窗口。jQuery);
}
}
($,函数,未定义){
jQuery小部件/工厂代码
});
AMD(异步模块定义,异步模块定义)格式的总体目标是为今天的开发人员提供一个可用的模块化Javascript解决方案。
AMD的模块格式本身的建议定义一个模块中的模块和依赖关系可以异步加载,它具有许多独特的优点,包括自然的异步性和高度的灵活性,可以缓解常见的代码和模块标识符之间的紧耦合。目前,已经有很多项目,包括jQuery(1.7)。
RequireJS
requirejs是工具库,它主要用于客户端端模块管理。它允许客户端的代码被划分成模块,可以异步加载和动态,从而提高了性能和代码可维护性,模块管理遵循AMD规范。
支持AMD
jQuery 1.7开始支持jQuery登记为AMD异步模块。有很多兼容的脚本装载机,包括requirejs和卷曲,可以在异步模块格式加载模块,这意味着它不需要太多的黑客让一切运行。你可以看看jQuery 1.7的源代码:
复制代码代码如下所示:
将jQuery暴露为AMD /模块,但仅限于AMD加载程序
理解加载多个jQuery版本的问题
在所有可能调用定义的页中,加载程序将指示(…)。
他们对多个jQuery版本有特殊的津贴。
指定define.amd.jquery =真。作为命名模块注册,
由于jQuery可以与可以使用定义的其他文件连接起来,
但不要使用正确的连接/脚本来理解匿名。
AMD的模块。命名AMD是最安全和最健壮的注册方式。
使用小写jQuery是因为AMD的/模块名来自
和jQuery文件名,通常以小写文件名发送。
如果(typeof定义为功能define.amd定义。AMD。jQuery){
定义()
}
这项工作的原则是,用以表明它可以通过指定一个属性,支持多个版本的jQuery脚本加载,define.amd.jquery是真的。如果你在了解具体的实现细节感兴趣,我们将登记作为一个模块命名为jQuery,因为可能会有可与其他AMD的风险(定义)方法文件一起,没有一个正确的认识,对AMD的模块定义的使用,匿名把脚本。
jQuery的高版本(1.11.1)去除define.amd.jquery判断:
复制代码代码如下所示:
如果(typeof定义为功能的定义。AMD){
定义()
返回jQuery;
});
}
使用jQuery在Require.js
jQuery在Require.js使用非常方便和简单的配置,例如:
复制代码代码如下所示:
简单配置
Require.config({
/ / requirejs通过相对路径baseurl.baseurl加载所有的代码通常设置为数据的主要属性为脚本指定目录的同一级。
URL地址:, / JS
/ /第三方脚本模块的别名,jQuery库 / jquery-1.11.1.min.js简洁;
路径:{
jquery:LIBS / jquery-1.11.1。版
}
});
使用jQuery模块
需要{、}、函数($){
您的代码
例如 / /方法,在这里你可以直接使用jQuery:$(#结果)。Html(你好世界!;
});
使用jQuery插件在Require.js
虽然jQuery支持AMD的API,但这并不意味着jQuery插件也是AMD兼容的。
jQuery插件的一般格式:
复制代码如下:(函数($){)
(美元。fn.myplugin =功能){
/您自己的插件代码
};
}(jQuery);
但有一点修改,我们可以使用require.js加载jQuery插件:
复制代码代码如下所示:
(函数(工厂){)
如果(typeof定义为功能的定义。AMD){
/ AMD模式
定义({、工厂);
{人}
全局模型
工厂(jQuery);
}
}(函数($){
(美元。fn.jqueryplugin =功能){
插件代码
};
});
jQuery UI组件在Require.js使用
在Require.js也有类似的jQuery UI组件。只需转换jQuery小部件工厂代码,就可以感受到jQuery UI的依赖性:
复制代码代码如下所示:
(function(widgetfactory){
如果(typeof定义为功能的定义。AMD){
/ AMD模式
定义()
WidgetFactory(窗口。jQuery);
});
{人}
全局模型
WidgetFactory(窗口。jQuery);
}
}
($,函数,未定义){
jQuery小部件/工厂代码
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。