最近的項目,前端方面慢慢在統一用 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框架把一些東西模塊化了。