requirejs介绍的第一个例子
你为什么学RequireJS就像我的菜鸟,我会提到AMD,JS模块化编程,异步,等等,就像一篇文章中提到的那样。
requirejs将允许你以不同的方式写Javascript比通常的方法。你将不再使用脚本标签介绍HTML JS文件,而不在脚本标签管理依赖关系。
requirejs是一个Javascript文件和模块的框架,有助于我们管理的JS代码(我的理解)。
在深度,我们将被迫接受一系列的名词:主要数据,需要定义、URL地址、路径、垫片、输油等uff1b。
总之,许多文章向我们出售一些我们无法理解的名词和概念。
简单地说,现在我们需要做一个简单的要求,RequireJS管理我们的js代码,并使用jQuery!
1。创建一个Web项目,运行!
内部文件如下:
它有很多坑,所以我把所有的文件放在文件的根中,首先去掉这些小问题!
jquery.js和require.js需从网站下载,请自行百度。
2。添加脚本标记index.jsp
你可以添加一个标签requirejs的异步加载试验
三.补充main.js文件
Require.config({
路径:{
jQuery:'jquery-2.1.1
}
});
要求({ 'jquery功能($){ },
警报($());
});
4。跑起来。
你会看到弹出框,页面被渲染和requirejs异步加载试验显示。
总结:
A. RequireJS是James Burke创造的,他也是AMD规范的创始人,这是一个客户端工具库侧模块管理。
从这个例子:
1、当警报出现时,页面也同时呈现,这反映了异步加载的功能。传统的头脑写作方式会造成障碍。只有单击确定后,才能显示页面。
2。页面只需要引入一个require.js,不需要引入其他各种复杂的JS代码,剩下的工作交给requirejs框架做的!
在学习理解AMD规范之前,AMD通过定义模块、基本模式:定义( id )
为什么这个例子可以不加定义地运行因为jQuery提供了对AMD的支持,路径对象用于引入各种模块。
普通的JS代码是由RequireJS是的,使用垫片加载这些资源!
总结了以下编码思想:
Xx.jsp Xx.js(同一主。JS)介绍各种js模块(资源)通过require.config,需要加载需要的模块,并发送相应的变量,在回调函数,以便直接调用函数和变量在各模块。
D.实施:一个按钮的页面;在juqery main.js监控事件,检验监测的成功!
E.遗留问题:路径问题,不能在根目录中,但这不是问题!
本文是对requirejs介绍第一个例子充分说明,希望对你有帮助。