requireJS的引用

main.js:

require.config({
  paths: {
    jquery: ‘jquery-1.7.2‘,
    biz: ‘biz‘,
  }
});

require([‘jquery‘, ‘biz‘], function ($, biz) {
  //$("#msg").text("依赖加载完成了。");这里有点象依赖注入的组装
  biz.changeRemark($, "我想我是海。");
});

//--------------------------------------------------

define(["jquery"], function () {

  //这里定义了依赖jquery

  return {

    changeRemark: function(jquery, content) {

      console.info("传入参数:" + content);

      jquery("#Remark").text(content);

    }

  };

});

//--------------------------------------------------

时间: 2024-10-03 22:10:27

requireJS的引用的相关文章

(五)backbone - DEMO - 通信录改造之使用requirejs

DEMO介绍是 DEMO通信录的扩展,使用requirejs模块化整合 大体实现 • model文件 model/contact.js 1 define(function (){ 2 // user contact 3 var Contact = (function(){ 4 var _c = Backbone.Model.extend({ 5 defaults: { 6 name: '小强', 7 email: '小强@无敌.com' 8 }, 9 // validate user name

构建基于Javascript的移动web CMS——添加jQuery插件

当看到墨颀 CMS的菜单,变成一个工具栏的时候,变觉得这一切有了意义.于是就继续看看这样一个CMS的边栏是怎么组成的. RequireJS与jQuery 插件示例 一个简单的组合示例如下所示,在main.js中添加下面的内容 requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 接着在另外的文件中添加 define(["jquery"], funct

构建基于Javascript的移动web CMS——加入jQuery插件

当看到墨颀 CMS的菜单,变成一个工具栏的时候.变认为这一切有了意义.于是就继续看看这样一个CMS的边栏是怎么组成的. RequireJS与jQuery 插件演示样例 一个简单的组合示比例如以下所看到的,在main.js中加入以下的内容 requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 接着在另外的文件里加入 define(["jquery"],

requireJS

1.用于ADM(基于模块的异步加载JavaScript代码的机制)js模块开发 2.下载requireJS 3.好处: 1)有效防止命名冲突(js多时可能很多全局变量容易重复) 2)声明不同的js文件之间的依赖 3)模块化的开发 4.常用方法: requirejs.config:为模块指定别名 requirejs:将写好的模块引入并编写主代码 define:编写模块,在相应地方来引用 5.例子: 1)引入模块入口data-main是入口;<script data-main="js/main

JS模块化工具requirejs教程02

基本API require会定义三个变量:define,require,requirejs,其中require === requirejs,一般使用require更简短 define 从名字就可以看出这个api是用来定义一个模块 require 加载依赖模块,并执行加载完后的回调函数 前一篇中的a.js: define(function(){ function fun1(){ alert("it works"); } fun1(); }) 通过define函数定义了一个模块,然后再页面

快速理解RequireJs

RequireJs已经流行很久了,我们在项目中也打算使用它.它提供了以下功能: 声明不同js文件之间的依赖 可以按需.并行.延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂. 在html中引入requirejs 在HTML中,添加这样的 <script> 标签: <script src="/path/to/require.js" data-main="/path/to/app/config.js"></script&

Singal Page App:使用Knockout和RequireJS创建高度模块化的单页应用引擎

开篇扯淡 距离上一篇文章已经有好几个月,也不是没有时间记录点东西,主要是换了新的工作,在一家外资工作,目前的工作内容大多都是前端开发,新接触的东西因为时间原因,大多还不成体系,所以这么长时间什么都没记录下来,也正是因为新的工作内容,才有了今天这篇文章. 这篇文章是我自己的博客项目的前端重写,因为目前ASP.NET API和单页应用的流行,结合目前工作中用到的东西,我决定把我的博客项目的前端部分整个重写,(以前的就是一坨-) 步入正题 背景知识 RequireJS http://www.requi

requireJs笔记

官方网址:http://www.requirejs.org/ 中文版翻译:http://makingmobile.org/docs/tools/requirejs-api-zh/ 插件作用:对于JS模块文件进行管理,动态加载,项目完成时合并压缩模块. 一.基本用法: 1.外链文件,data-main中为外链的文件名,无需加后缀: <script data-main="js/main" src="require.js"></script> 2.

seajs和requirejs

一.seajs 1. 使用seajs的一般步骤 a)在主页面引入sea.js b)写模块 c)在主页面使用模块 2.模块的写法 math.js 1 define(function(require, exports, module){ 2 var squareObj=require("square"); 3 module.exports={ 4 add:function(a,b){ 5 return a+b; 6 }, 7 cube:function(a){ 8 return squar