• 关于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

  • 相关阅读:
    人生苦短之Python的urllib urllib2 requests
    近期测试BUG总结
    人生苦短之Python列表拷贝
    测试发展前景,测试人员的发展方向,测试趋势
    人生苦短之Python函数的健壮性
    Python视频教程
    人生苦短之Python文件的IO操作
    人生苦短之Python枚举类型enum
    人生苦短之Python类的一二三
    人生苦短之Python装饰器
  • 原文地址:https://www.cnblogs.com/AiMuzi/p/8377038.html
Copyright © 2020-2023  润新知