最近的项目,前端方面慢慢在统一用 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框架把一些东西模块化了。