requirejs大致用法:通过定义模板define()再通过require()或requirejs()加载模板,
paths是路径,如果路径长可以把它赋一个短名称加入ruquire()中,shim是兼容处理的,查看

引入方式 :

<script data-main="js/main"  src="js/require.js"></script>
   data-main="js/main"  直接引入这个配置文件会异步加载  

data-main是导入require配置好的模板在里面把引入的主次依赖关系弄好,就可以达到引入一个js文件,
其他文件也能被间接的引入进来,这也是requirejs要达到的目的

路径及兼容配置,路径端可以直接下载模板加载器require()里

 require.config({
baseUrl:"js", //文件基础入口 写了这个引入所有文件都已这个作为根目录
shim:{
// 兼容处理
},
paths:{ //配置现成路径 也可以引入网上的CDN
// jquery:'jquery/jquery.min' //,可以直接映射到下面的require()模板加载器中,用你命名的文字
// jquery : ["http://libs.baidu.com/jquery/2.0.3/jquery", "js/jquery"] //加载cdn上的资源 最后没加载到就加载本地的 ,除了这个依赖前置,还可以在依       赖的文件中写入,就是直接在define中写入依赖也就是就近依赖,
}
})

模板加载器

// 处理模块间的依赖
//按照顺序加载 //引用时的命名
require(['jquery','util/util1','util/util2','moths/moth1','plugins/nav'],function(util1,util2,moth1){
util1.hide(); //调用util1对象属性 util1内容在下方
util2(); //调用util2对象方法 util2内容在下方
$('body').append('<h1>jquery test</h1>') })

模板define

// 定义模块 define([''],function(){  [''],可写可不写,看你有没有依赖项

 })

模板只是加了define(),js该怎么写还是怎么写,他也可以像加载器require一样加载依赖模板

 define([jq/js],function(){ $('body').css('backgroundColor','red'); })
这样写说明他们存在依赖,依赖jquery,还有一点[jq/js]路径以设置的baseUrl为主入口

util2模板文件内容

define(function(){
var util2 = function(){
console.log('util2...')
}
return util2; //return的是方法调用时直接方法名()
})

util1模板文件内容

define(function(){
// console.log('util1...')
return { //return 的是属性 调用时用形参.对象属性()
show:function(){
console.log('show');
},
hide:function(){
console.log('hide');
}
}
})

requirejs配置代码示例的更多相关文章

  1. laravel 框架配置404等异常页面的方法详解(代码示例)

    本篇文章给大家带来的内容是关于laravel 框架配置404等异常页面的方法详解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在Laravel中所有的异常都由Handl ...

  2. 英特尔实感SDK 代码示例

    原文地址 摘要 本套代码示例针对巴西英特尔实感动手实验室创建,旨在帮助参与人员了解如何使用英特尔® 实感™ 软件开发套件. 12 个示例使用 C# SDK 包装程序,提供了简单的基于控制台的应用,支持 ...

  3. My.Ioc 代码示例——实现自动注册/解析

    在很多 Ioc 容器中,当使用者向容器请求实现了某个契约类型 (Contract Type) 的服务时 (调用类似如下方法 container.Resolve(Type contractType)), ...

  4. SFTP客户端代码示例

    参考链接:SFTP客户端代码示例 操作系统:Windows7/8,VS2013 环境:libssh2 1.4.3.zlib-1.2.8.openssl-1.0.1g 原文: “从http://www. ...

  5. Ice简介+Qt代码示例

    1.ICE是什么? ICE是ZEROC的开源通信协议产品,它的全称是:The Internet Communications Engine,翻译为中文是互联网通信引擎,是一个面向对象的中间件,它封装并 ...

  6. 英特尔® 实感™ 深度摄像头代码示例 – R200 摄像头数据流

    英特尔开发人员专区原文地址 简介 该可下载代码示例展示了如何使用面向 Windows 的英特尔® 实感™ SDK* 捕捉和查看用 C#/XAML 编写的原始 R200 摄像头数据流. Visual S ...

  7. CMake代码示例

    CMake代码示例(注:此文只贴了部分示例代码,详细文章见最后参考文章): 1.为工程和可执行文件指定一个版本号. 虽然可以在源代码中唯一指定它,但是在CMakeLists文件中指定它可以提供更好的灵 ...

  8. Android Java使用JavaMail API发送和接收邮件的代码示例

    JavaMail是Oracle甲骨文开发的Java邮件类API,支持多种邮件协议,这里我们就来看一下Java使用JavaMail API发送和接收邮件的代码示例 使用Javamail发送邮件,必需的j ...

  9. 实战SpringCloud响应式微服务系列教程(第十章)响应式RESTful服务完整代码示例

    本文为实战SpringCloud响应式微服务系列教程第十章,本章给出响应式RESTful服务完整代码示例.建议没有之前基础的童鞋,先看之前的章节,章节目录放在文末. 1.搭建响应式RESTful服务. ...

随机推荐

  1. 前端 HTML 注释

    单行注释 <!--注释内容--> <!DOCTYPE html> <!-- 页面根节点开始--> <html lang="en"> ...

  2. jmeter测试手机号码归属地

    jmeter测试手机号码归属地接口时,HTTP请求有以下两种书写方法: 1.请求和参数一同写在路径中 2.参数单独写在参数列表中 请求方法既可以使用GET方法又可以使用POST方法. 注意:“服务器名 ...

  3. redhat7:用户、组和权限

    用户: 任何用户被分配一个独特的用户id号(UID)  (UID 0标识root用户    用户账号通常从UID 1000开始(在redhat6及之前的版本,从500开始))  . 用户名和UID信息 ...

  4. Spark中的Spark Shuffle详解

    Shuffle简介 Shuffle描述着数据从map task输出到reduce task输入的这段过程.shuffle是连接Map和Reduce之间的桥梁,Map的输出要用到Reduce中必须经过s ...

  5. [vue]vue v-on事件绑定(原生修饰符+vue自带事件修饰符)

    preventDefault阻止默认行为和stopPropagation终止传递 event.preventDefault() 链接本来点了可以跳转, 如果注册preventDefault事件,则点了 ...

  6. error.jsp错误页面跳转,统一异常处理

    常见web项目中会用倒计时然后跳转页面来处理异常 error.jsp关键代码: <script language="javascript" type="text/j ...

  7. Linux文本编辑器快捷方式

  8. 混淆和加密.NET开发工具

    .NET开发的工具,可以用ILSpy等很轻松的反编译查看源码,为了保护自己写的软件,一般会对软件进行加密,不仅内部关键数据通过加密,软件开发完毕后,对软件也进行加密,防止别人很轻松的反编译和查看到比较 ...

  9. [转]Tesseract-OCR (Tesseract的OCR引擎最先由HP实验室于1985年开始研发)

    光学字符识别(OCR,Optical Character Recognition)是指对文本资料进行扫描,然后对图像文件进行分析处理,获取文字及版面信息的过程.OCR技术非常专业,一般多是印刷.打印行 ...

  10. unittest数据驱动

    所谓的数据驱动就是将数据单独存放,在写方法将数据读取,然后将读取的数据放在testcase里面. 当然如果这种testcase都是一样的,只有需要的数据不一样,也可以将testcase写成一个方法,把 ...