您的位置：首页 > 产品设计 > UI/UE

扯扯 require .js

2013-05-27 23:19 591 查看

　　最近的项目，前端方面慢慢在统一用 jquery + require + backbone来构架前端。require 其他学习起来很简单。个人总结就是 1. 首先进行配置 2.定义模块 3.引用模块并执行下面是一个简单的实例

　　1.配置参数，比如导入的路径

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>require.js的练习</title>
</head>
<body>
</body>
</html>
<script src="require.js"></script>
<script>
require.config({
baseUrl: 'js/'
});
</script>
<script src="js/test.js"></script>

　　首先引入 require类库，通过require.config 进行配置

　　2.define关键字定义模块比如 a.js

define(function(){
function add(x, y){
return x+y;
}

return add;
})

在定义b.js 但是b.js 是依赖于a.js,可以通过下面进行定义

define(['a'], function(add){
function calculate(x, y) {
return (add(x,y))*(x -y);
}
return calculate;
})

　　3.引用模块
　　模块定义好了，下面就是引用模块并执行，引用模块就用require ，这和php的引用文件差不多。test.js

require(['b'], function(calcaute) {
alert(calcaute(3,1))
});

　　我个人认为require.js 只是提供一种模块化的规范，必须按照那个规则来书写。如果没有模块化的思想，即时你用require的框架。写出的东西一样很烂。require+ backbone是一个不错的形式，因为backbone框架把一些东西模块化了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航