RequireJS shim 用法说明

简介:     RequireJS中如果使用AMD规范,在使用的过程中没有太多的问题,如果加载非AMD规范的JS文件,就需要使用Require中的shim. require.config({ paths:{ jquery:"/js/jquery2.

 

 

  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",
    },
    shim:{
        cate:{
            deps:[],
            exports:"Category"
        }
    }
});

 

  cate:"/js/product/Category" 该文件是非AMD规范的JS,在使用的过程中遵循如下几个步骤:

  (1) paths 中配置文件加载的路径, JSON中的 Key值可以随意,尽量有意义,JSON中的Value是文件的加载路径,这个不必多说

  (2) shim 中定义一个JSON对象, Key 值(cate) 与paths中定义的名字一样

  (3) shim中的JSON对象有两个属性: deps,exports ;  deps 为数组,表示其依赖的库, exports 表示输出的对象名

 

var Category=(function(){

    var param={};

    param.Add=function(){
        console.log("新增分类");
    }

    return param;

})();


var Category=(function(param){

    param.Write=function(){
        console.log("输出分类信息");
    }

    return param;

})(Category||{});

 

  requirejs可以实现js的延时加载, 在方法调用的时候加载JS,也就是在function 中require 某个模块的信息

define(function(){

    var ProductManager={
        Create:function(){
            console.log("创建产品");

            require(["cate"],function(cate){
                cate.Write();
                cate.Add();
            });
        }
    }

    return ProductManager;

});

 

 


作者:情缘
出处:http://www.cnblogs.com/qingyuan/
关于作者:从事仓库,生产软件方面的开发,在项目管理以及企业经营方面寻求发展之路
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
联系方式: 个人QQ  821865130 ; 仓储技术QQ群 88718955,142050808 ;
吉特仓储管理系统  开源地址: https://github.com/hechenqingyuan/gitwms

相关文章
|
3月前
|
JavaScript 前端开发
js防抖函数返回值问题解决方案
本文介绍了如何在JavaScript中创建一个带有返回值的防抖函数,通过结合Promise来实现。这种防抖函数可以在事件触发一定时间后再执行函数,并能处理异步操作的返回值。文章提供了防抖函数的实现代码和如何在实际项目中使用该防抖函数的示例。
41 1
|
7月前
|
JavaScript 前端开发
js实用好用的一些符号 ,你准没用过
js实用好用的一些符号 ,你准没用过
|
前端开发 JavaScript
前端学习笔记202306学习笔记第三十七天-js代码中得严格模式3
前端学习笔记202306学习笔记第三十七天-js代码中得严格模式3
68 0
|
前端开发 JavaScript
前端学习笔记202306学习笔记第三十七天-js代码中得严格模式1
前端学习笔记202306学习笔记第三十七天-js代码中得严格模式1
92 0
|
JavaScript 前端开发
FastAdmin中RequireJs是如何调用的
FastAdmin中RequireJs是如何调用的
502 0
|
存储 JavaScript 前端开发
Environments: JS变量查找的“罪魁祸首”
Environment:管理变量的数据结构 函数调用与Environment 作用域链与Environment 闭包与Environment
101 0
|
JavaScript 前端开发 编译器
记录下typescript的使用(编译配置)
如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目可以通过以下方式之一来编译:
|
JavaScript 前端开发 C#
requireJS的基本用法(下)
requireJS的基本用法(下)
159 0
requireJS的基本用法(下)
|
JavaScript 前端开发 Go
requireJS的基本用法(上)
requireJS的基本用法
175 0
requireJS的基本用法(上)
|
JSON JavaScript 编译器
Typescrip编译选项
Typescrip编译选项