zoukankan      html  css  js  c++  java
  • RequireJS shim 用法说明

      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

  • 相关阅读:
    fish shell version
    golang io.ReadFull
    Unity5 2D Animation
    unity3d vscode
    golang bufio.Scanner
    kafka知识点
    linux clone
    Oracle查询在哪些 存储过程/函数/触发器 等等中包含 指定字符串
    在Oracle中,使用简洁的函数(Function)实现字符串split分割效果
    在Spring中,使用ProxyFactory实现对Cglib代理对象的再次代理
  • 原文地址:https://www.cnblogs.com/qingyuan/p/5887766.html
Copyright © 2011-2022 走看看