zoukankan      html  css  js  c++  java
  • 扯扯 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框架把一些东西模块化了。

  • 相关阅读:
    jQuery工具函数
    jQuery中的Ajax
    jQuery动画效果
    jQuery基础事件
    jQuery操作DOM和CSS函数
    jQuery基础DOM和CSS操作
    jQuery过滤选择器
    jQuery常规选择器
    -3dB的理解
    诺顿定理概述
  • 原文地址:https://www.cnblogs.com/liuzhang/p/3102488.html
Copyright © 2011-2022 走看看