requirejs中 shim】的更多相关文章

使用requireJS的shim参数,完成jquery插件的加载 时间 2014-10-31 13:59:10  CSDN博客 原文  http://blog.csdn.net/aitangyong/article/details/40653335 主题 jQueryRequireJS 没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载,这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中引用了requireJS…
没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载, 这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中引用了requireJS框架,采用模块化的方式加载jquery,那么 jquery不会再添加全局变量$和 jQuery .现在问题来了,虽然jquery框架已经开始支持AMD规范,但是jquery的众多插件还是不支持AMD,仍然像以前一样需要使用全局变量$.jquery插件大多都是如下结构: (functio…
RequireJS中如果使用AMD规范,在使用的过程中没有太多的问题,如果加载非AMD规范的JS文件,就需要使用Require中的shim. require.config({ paths:{ jquery:"/js/jquery2.0", InStorage:"/js/in/InStorage", Product:"/js/product/Product", cate:"/js/product/Category", }, sh…
一.shim requirejs使用AMD规范开发,若开发过程中加载非AMD规范js,需要使用requirejs的shim进行配置. shim配置语法为: //配置文件 requirejs.config({ baseUrl: 'js', //默认是main.js所在的文件夹为基准. paths: { jquery: 'jquery-1.12.4.min' //起个别名 }, //关键配置 shim: { //配置方式一:jQuery.CateNav为模块名称,jquery为依赖的js模块 //'…
没有requireJS框架之前,假设我们想使用jquery框架,会在HTML页面中通过<script>标签载入.这个时候jquery框架生成全局变量$和jQuery等全局变量.假设项目中引用了requireJS框架.採用模块化的方式载入jquery,那么jquery不会再加入全局变量$和jQuery.如今问题来了,尽管jquery框架已经開始支持AMD规范,可是jquery的众多插件还是不支持AMD,仍然像曾经一样须要使用全局变量$. jquery插件大多都是例如以下结构: (function…
requirejs中定义AMD模块规则如下: define(function(){ var ProductManager={ Create:function(){ console.log("创建产品"); require(["cate"],function(cate){ cate.Write(); cate.Add(); }); } } return ProductManager; }); 模块的定义包含在define 中,并且可以返回一个对象,一直有个疑问  va…
我们已经了解到模块模式是为单例创建私有变量和特权方法的. 一个最基本的例子: var foo=(function(){ var something='cool', var another=[1,2,3]; function dosomething(){ console.log(something); } function doAnother(){ console.log(another.join('!')); } return { doSomething:doSomething, doAnoth…
requirejs中定义AMD模块规则如下: define(function(){ var ProductManager={ Create:function(){ console.log("创建产品"); require(["cate"],function(cate){ cate.Write(); cate.Add(); }); } } return ProductManager; }); 模块的定义包含在define 中,并且可以返回一个对象,一直有个疑问  va…
关于requirejs中的define的原理理解   我们已经了解到模块模式是为单例创建私有变量和特权方法的.一个最基本的例子: var foo=(function(){ var something='cool', var another=[1,2,3]; function dosomething(){ console.log(something); } function doAnother(){ console.log(another.join('!')); } return { doSome…
shim处理的源码: //Merge shim                 if (cfg.shim) {                     eachProp(cfg.shim, function (value, id) {                         //shim 为数组类型, 很少用.                         //一般为 对象类型                         //Normalize the structure     …