zoukankan      html  css  js  c++  java
  • fastadmin中js是如何调用的

    想要了解fastadmin中的js是怎么调用的,就应该先了解RequireJs。

    RequireJs是模块化工具,每一个我们自己的js文件或者库都可以看成是一个模块,按需引入。写法如下:

    <script data-main="js/main" src="js/require.js"></script>

    src是引入requrejs框架文件,data-main是我们自己的js的总入口。js/main对应的js文件是js/main.js(可自行命名) 

     我们在写项目的时候肯定会用到一些js和js类库,那RequireJs是怎么引用的,下面来介绍一下,

    引入第三方库:

    require.config({
      paths: {
        'lang': "empty:",
        'form': 'require-form',
        'table': 'require-table',
        'upload': 'require-upload',
        'validator': 'require-validator',
        'drag': 'jquery.drag.min',
        'drop': 'jquery.drop.min',
        'echarts': 'echarts.min',
        'echarts-theme': 'echarts-theme',
        'jquery': '../libs/jquery/dist/jquery.min',
    
      },
      // shim依赖配置
      shim: {
        'addons': ['backend'],
        'bootstrap': ['jquery'],
        'bootstrap-table': {
          deps: [
            'bootstrap',
            // 'css!../libs/bootstrap-table/dist/bootstrap-table.min.css'
          ],
        exports: '$.fn.bootstrapTable'
        },
        'bootstrap-table-lang': {
          deps: ['bootstrap-table'],
          exports: '$.fn.bootstrapTable.defaults'
        },
    
      },
      map: {
        '*': {
          'css': '../libs/require-css/css.min'
        }
      },
      waitSeconds: 30,
      charset: 'utf-8' // 文件编码
    });

     config中paths用来配置支持AMD规范的库和js文件,shim是用来配不支持AMD规范的js。配好之后,假设现在要使用jquery和bootstrap,只要用require方法:

    require(['jquery', 'bootstrap'], function ($, undefined) {
        //该function将在引入jquery和bootstrap完成之后执行。
    });

     要使用我们自己定义的js,首先得用模块化的方式编写我们的js,使用define定义一个模块:

    define('modelname',['jquery','xxx'], function ($,xxx) {
    
        var hehe = {
            function1: function () {
    
            },
            function2: function () {
    
            },
            function3: function () {
    
            }
        };
        return hehe;
    });                

     define有三个参数,第一个是模块名(可以不写,默认与模块名与文件名同名),第二个是当前模块依赖的其他模块,第三个是一个function,模块体,要求必须return一个数据。

  • 相关阅读:
    VOA 2009/11/02 DEVELOPMENT REPORT In Kenya, a Better Life Through Mobile Money
    2009.11.26教育报道在美留学生数量创历史新高
    Java中如何实现Tree的数据结构算法
    The Python Tutorial
    VOA HEALTH REPORT Debate Over New Guidelines for Breast Cancer Screening
    VOA ECONOMICS REPORT Nearly Half of US Jobs Now Held by Women
    VOA ECONOMICS REPORT Junior Achievement Marks 90 Years of Business Education
    VOA 2009/11/07 IN THE NEWS A Second Term for Karzai; US Jobless Rate at 10.2%
    Ant入门
    Python 与系统管理
  • 原文地址:https://www.cnblogs.com/zmdComeOn/p/10861135.html
Copyright © 2011-2022 走看看