文档章节

RequireJS

木子jd
 木子jd
发布于 2015/12/03 10:40
字数 146
阅读 16
收藏 0
点赞 0
评论 0
 index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>RequireJS</title>
    <!--<script data-main="js/main.js" src="js/require.js"></script>-->
    <script src="js/require.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div>
        text

</div>

<script type="text/javascript">
    //引用first.js文件
    require(["first"])
</script>
</body>
</html>

 main.js 配置全局

(function(){

    requirejs.config({
        baseUrl: window.location.href+'/js',
        //常用类库
        paths:{
            jquery : "jquery-1.11.3.min"
        }
    });

}())

    //配置全局格式
    (function(){
        requirejs.config({
            baseUrl: window.location.href+'',
            //常用的类库(插件)
            paths:{

            }
        });
    }())

 first.js

//define("a",["jquery","backbone"],function($,Backbone){  .....逻辑 })
//模块a, 需要引用依赖 jquery 和 backbone, 在逻辑的函数function中,$ 和 Backone 分别是引用的参数

//定义模块,依赖文件,逻辑函数
define("first",["jquery"],function($){
    $("div").html("成功!");
})


© 著作权归作者所有

共有 人打赏支持
木子jd
粉丝 1
博文 15
码字总数 7602
作品 0
广州
程序员
abei2017/hou-admin

一套免费的基于JQ + RequireJS + Semantic-UI的后台管理系统 感谢下面伙伴的支持 除了代码,还有诗和远方。扫码关注我的公众号。 Hou-Admin Hou-Admin是一套由JQ + RequireJS + Semantic-UI实...

abei2017 ⋅ 04/24 ⋅ 0

CommonJS/AMD/CMD/UMD概念初探

1、CommonJS是一种规范,NodeJS是这种规范的实现。 1.1、CommonJS 加载模块是同步的,所以只有加载完成才能执行后面的操作。 参考: http://www.commonjs.org/ http://javascript.ruanyifen...

easonjim ⋅ 2016/12/12 ⋅ 0

Gulp和Webpack工具的区别

引用知乎的回答:https://www.zhihu.com/question/37020798 怎么解释呢?因为 Gulp 和 browserify / webpack 不是一回事 Gulp应该和Grunt比较,他们的区别我就不说了,说说用处吧。Gulp / Gr...

easonjim ⋅ 2016/12/24 ⋅ 0

云 GIS 网络客户端开发平台 - iClient-JS

SuperMap iClient JavaScript (简称 iClient-JS )是云 GIS 网络客户端开发平台。基于现代 Web 技术栈全新构建,是 SuperMap 云四驾马车和在线 GIS 平台系列产品的统一 JS 客户端。集成了领先...

ahnan ⋅ 2017/12/04 ⋅ 5

Learning TypeScript 读书笔记3

Chap 4 TypeScript中的面向对象编程 1.面向对象开发的一些原则SOLID: 单一职责原则SRP: 开闭原则OCP: 里氏替换原则LSP: 接口隔离原则ISP: 依赖翻转原则DIP: 2.T雨棚script支持类class、接口...

GunnerAha ⋅ 06/09 ⋅ 0

深入理解javascript系列(十):模块化与闭包

如果想在所有的地方都能访问同一个变量,那么应该怎么办呢? 在实践中这种场景很多,比如全局的状态管理。 但前面我们介绍过,在实际开发中,不要轻易使用全局变量,那又该怎么办呢?模块化的...

Panthon ⋅ 06/14 ⋅ 0

JavaScript define

AMD的由来   前端技术虽然在不断发展之中,却一直没有质的飞跃。除了已有的各大著名框架,比如Dojo,JQuery,ExtJs等等,很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发...

architect刘源源 ⋅ 04/23 ⋅ 0

很全很全的 JavaScript 模块讲解

模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打...

一个敲代码的前端妹子 ⋅ 05/11 ⋅ 0

老铁们,福利来了

1. 这一月我没在写专栏文章,因为我干了一件小事,我业余时间都用来写教程了—一套pandas教程。 本来我是一边写教程一边在参加一个大数据竞赛,后来发现时间不够用了,索性把竞赛停了(本来还...

zhenhang.sun ⋅ 2017/08/26 ⋅ 0

keil编译后code,RO-data,RW-data,ZI-data含义及mcu的flash实际存储数据

keil编译后会有一行:Program Size:Code=xxx RO-data=xxx RW-data=xxx ZI-data=xxx Code 代表执行的代码,程序中所有的函数都位于此处。 RO-data 代表只读数据,程序中所定义的全局常量数据和...

cxs512068661 ⋅ 01/11 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Mahout基于内存的DataMode 推荐引擎Demo2

Mahout基于内存的DataMode 推荐引擎Demo2 //注释的部分是基于文件也可以理解为基于日志文件的, //DataModel 可以有很多种,实现abstractDataMode的子类,原则上都可以作为数据源,个人觉得,...

xiaomin0322 ⋅ 22分钟前 ⋅ 0

Docker部署Tomcat及Web应用

一、在线下载docker yum install -y epel-releaseyum install docker-io # 安装dockerchkconfig docker on # 加入开机启动service docker start # 启动docker服务 1 ...

Jeam_ ⋅ 22分钟前 ⋅ 0

研发运营一体化能力成熟度模型

研发运营一体化是指在 IT 软件及相关服务的研发及交付过程中,将应用的需求、开发、测试、部 署和运营统一起来,基于整个组织的协作和应用架构的优化,实现敏捷开发、持续交付和应用运营的无...

stars永恒 ⋅ 28分钟前 ⋅ 0

jQuery缩小放大触发事件

jquery的resize()方法使用 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> var i = 0; $(document).ready(function(){ ......

RobertZou ⋅ 28分钟前 ⋅ 0

eclipse python 搭建

https://jingyan.baidu.com/article/9113f81b68ebce2b3214c7e0.html https://www.cnblogs.com/ZhangRuoXu/p/6397756.html https://blog.csdn.net/zhangphil/article/details/78962159 字符集......

之渊 ⋅ 29分钟前 ⋅ 0

weex,react native,flutter

weex: 一次编写,处处运行 RN: 学一次,到处写(针对安卓,IOS平台特性 各自写,会有很大一部分是一样的代码) 这些方案是否真正的解决了跨平台问题呢?从目前的状况来看,很显然是没有的,因...

东东笔记 ⋅ 35分钟前 ⋅ 0

Spring Cloud微服务分布式云架构-集成项目

Spring Cloud集成项目有很多,下面我们列举一下和Spring Cloud相关的优秀项目,我们的企业架构中用到了很多的优秀项目,说白了,也是站在巨人的肩膀上去整合的。在学习Spring Cloud之前大家必...

明理萝 ⋅ 40分钟前 ⋅ 1

SpringMVC图片上传问题解决

当我们上传图片时一直发现: MultipartFile file = null; if (request instanceof MultipartHttpServletRequest) 匹配不上, 解决方案: 在前端xml加入如下配置代码即可 <!-- 图片上传bean --...

泉天下 ⋅ 42分钟前 ⋅ 0

Spring表达式语言(SpEL)

1、SpEL引用 Spring EL在bean创建时执行其中的表达式。此外,所有的Spring表达式都可以通过XML或注解的方式实现。下面将使用Spring表达式语言(SpEL),注入字符串,整数,Bean到属性。 SpEL的...

霍淇滨 ⋅ 58分钟前 ⋅ 0

Gradle使用阿里云镜像

gradle 生命周期中有一个初始化( Initialization )的过程,这个过程运行在 build script 之前,我们可以在这个地方做一点系统全局的设置,如配置仓库地址。 你可以在以下几个位置实现仓库地址...

明MikeWoo ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部