扯扯 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框架把一些東西模塊化了。

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM