扯扯 require .js

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

 

 

 

 

 

 

你可能感兴趣的:(require)