标签 requirejs 下的文章

RequireJS


RequireJS 的诞生

  • 实现 js 文件的异步加载,避免页面失去响应。
  • 管理模块之间的依赖性,便于代码的编写和维护。

RequireJS 的使用

  • RequireJS 的加载

    <script src="js/require.js" defer async="true" data-main="js/main"></script>
    defer 是 IE 浏览器的异步加载声明 async="true" 是其他浏览器的异步加载声明 data-main属性的作用是,指定网页程序的主模块。
    
  • require 方法

    require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){
        //  some code
    });
    

    require()函数接受两个参数。第一个参数是一个数组,表示所依赖的模块,第二个参数是一个回调函数,当前面指定的模块都加载成功后,它将被调用。加载的模块会以参数形式传入该函数,从而在回调函数内部就可以使用这些模块。

    上面的代码表示的是:加载了依赖模块,jqueryunderscorebackbone。然后匿名回调函数里头的参数,($, _, Backbone)分别代表的就是加载依赖的三个模块。