在公司的项目里面一直都有在用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
}
});
时间： 2024-12-26 18:51:55