zoukankan      html  css  js  c++  java
  • 关于require.js的模块化开发

     
    先是自己打了一些demo,然后回过头来看阮大神的博客,感觉很多莫名其妙的问题,瞬间解决了;很舒服,放上链接,希望对其他人也有帮助;
     
     

    先是在html的末尾引入了require.js 。

    data-main属性的作用是,指定网页程序的主模块。在上例中,就是js目录下面的world.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把world.js简写成world。

     在world。js里就有两种方法进行require();

    一种是配置require.config();

    require.config()就写在主模块(main.js)的头部。参数就是一个对象,这个对象的paths属性指定各个模块的加载路径。

    baseUrl:基目录;就是当前所需要载入模块所在目录;如果当前引用模块的目录和world.js的目录在同一文件夹下,那么就不需要设置,如果在world.js同级新建了个文件夹,这时候引用的模块就有可能在lib文件夹下,这时候设置baseUrl就可以更加方便的引入模块;

    如果某个模块在另一台主机上,也可以直接指定它的网址,比如:

      require.config({

        paths: {

          "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min"

        }

      });

      

    也可以写成一个数组;require.js会先载入前面的模块,若前面模块无法加载。将载入后面的模块

    还有一种是require(); require()函数接受两个参数。第一个参数是一个数组,表示所依赖的模块,上例就是['moduleA', 'moduleB', 'moduleC'],即主模块依赖这三个模块;第二个参数是一个回调函数,当前面指定的模块都加载成功后,它将被调用。加载的模块会以参数形式传入该函数,从而在回调函数内部就可以使用这些模块。

    require()异步加载jquery api,浏览器不会失去响应;它指定的回调函数,只有前面的模块都加载成功后,才会运行,解决了依赖性的问题。

    对于加载非规范的模块;我觉得阮大神写的没有任何的问题,我还是别BB了,说的太多,感觉自己都乱了,that's all;

    附上阮大神的博客共三篇,讲解非常详细:  http://www.ruanyifeng.com/blog/2012/11/require_js.html?bsh_bid=230697246

  • 相关阅读:
    手把手教你用nodejs+SQL Server2012做增删改查
    js实现匀速运动及透明度动画
    SqlServer用sql对表名、字段做修改
    nodejs 使用fs实现多级联动
    关于此实现不是 Windows 平台 FIPS 验证的加密算法的一部分。
    访问快科技(驱动之家)某个新闻会自动跳转到web.techtoutiao.win
    在windows server上配置java jdk后,可能要些时间生效。
    .net webapi 收不到json 实体类参数,返回的json中带有k__BackingField
    空调 水槽 堵 用吹或吸都可以
    .net 4.0 程序遇到 停止工作 appcrash ,kernelbase.dll 等提示
  • 原文地址:https://www.cnblogs.com/AiMuzi/p/8377038.html
Copyright © 2011-2022 走看看