zoukankan      html  css  js  c++  java
  • RequireJs 依赖管理使用

    What?

       声明不同js文件之间的依赖,可以按需、并行、延时载入js库,可以让我们的代码以模块化的方式组织。

    When?

       对于中大型项目,为了团队成员更好得发挥协同力,各自管理各自的JS代码,按需调用各自或公共组件,使代码更加清晰,个人比较推荐使用requireJS,不要问我为什么不适用seaJs,没兴趣。requireJS使用比较简单,那么快上车,老司机准备开车了......

    How?

        1.在html中引入requirejs

           通常使用requirejs的话,我们只需要导入requirejs即可,不需要显式导入其它的js库,因为这个      工作会交给requirejs来做。
           <script src="**/require.js" data-main="*/config"></script>

           属性 data-main 是告诉requirejs:你下载完以后,马上去载入真正的入口文件。它一般用来对requirejs进行配置,并且载入真正的程序模块。

        2.配置require

          a. 配置requirejs 比如项目中用到哪些模块,文件路径是什么,载入程序主模块

    requirejs.config({
         baseUrl: '/public/js',
         paths: {
            app: 'app'
         }
    });

         加载文件

         之前的例子中加载模块都是本地js,但是大部分情况下网页需要加载的JS可能来自本地服务器、其他网站或CDN,这样就不能通过这种方式来加载了,我们以加载一个jquery库 为例:

    require.config({
    baseUrl : '
    /public/js',
    paths : {
    //当百度的jquery没有加载成功后,会加载本地js目录下的jquery
    jquery : ['http://libs.baidu.com/jquery/2.0.3/jquery', '/public/js/jquery'],
    jqueryUI :
    'http://cdn.bootcss.com/jqueryui/1.11.4/jquery-ui', app : 'app'
    }
    });
    require([
    "jquery","jqueryUI","a"],function($,$UI){
    $(
    function(){
    alert(
    "load finished");
    });
    });
  • 相关阅读:
    三种空格unicode(u00A0,u0020,u3000)表示的区别
    python调用C++之pybind11入门(相互调用)
    基于go手动写个转发代理服务
    git rebase VS git merge
    外挂
    C#本地修改器
    C# 人工智能开源库生物特征
    深层信念网络
    ASP.NET CORE(C#)与Spring Boot MVC(JAVA)
    Net UI Spy工具:ManagedSpy
  • 原文地址:https://www.cnblogs.com/xfz1987/p/5674251.html
Copyright © 2011-2022 走看看