requirejs 基础

在公司的项目里面一直都有在用require.js，但是自己对这个东西了解的并不是很多，很多东西都只是直接被告知怎么使用，有时候还是有点小凌乱的。今天刚好在幕课网看到了一个基础的相关视频教程，虽然只是简短的11分钟，但是里面还是可以大概的了解一下相关的使用方法的。视频地址：http://www.imooc.com/video/8234。

正文开始：首先创建一个html文件，如下所示。其中data-main为入口文件，无需添加.js后缀。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
<!-- data-main 为入口文件 -->
<script src='require.js' data-main='main'></script>
</body>
</html>

其中main.js如下所示

requirejs.config({
    paths : {
        jquery : 'jquery-1.7.2' //定义别名【模块别名，不需要.js后缀】
    }
});

requirejs(['jquery', 'validate'], function ($, validate) {
    // $('body').css('background-color', 'red');
    console.log(validate.isEqual(2, 2));　　//使用的时候直接调用模块对应的方法。
});

另外有一个名为validate的模块，validate.js如下所示；

define(['jquery'], function ($) {　　//需要引入依赖的模块
    function _isEmpty() {
        console.log(0);
    }

    function _chechLength() {
        console.log(1);
    }

    function _isEqual(str1, str2) {
        return str1 === str2;
    }

    return {
        isEmpty : _isEmpty,
        chechLength : _chechLength,
        isEqual : _isEqual
    }
});

高否？富否？帅否？否？滚去学习！