requirejs 初探

作为一个前端模块化设计和加载的框架,我们该好好理解下。

引用 <script data-main=‘.. 主文件路径,相对于要请求的页面‘ src=‘requirejs地址‘>假如我们主文件时main.js

我们需要引用jquery,underscore,backbone

require.config({

  baseUrl : ‘js的基本路径‘,//可以忽略

  paths   : {

    ‘jquery‘: ‘jquery.min‘,

    ‘underscore‘: ‘underscore‘,

    ‘backbone‘:‘backbone‘

   }

});

require([‘jquery‘,‘underscore‘,‘backbone‘],function($,_,Backbone){

  //callback TODO

});

我们使用其最重要的一点是模块化设计,类似于后端的nodejs模块化

moduleA.js

  define(function(){

     function Person(name){

       this.name = name;

    };

    Person.prototype.say =function(){

        console.log(this.name +" : HI");

    };

    return Person;

  });

 

 

引用此模块

 var Person = require(‘./moduleA‘);

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。