requireJS入门学习

<span style="font-family: 'Microsoft Yahei', 'Trebuchet MS', Georgia, 'Times New Roman', Times, sans-serif; line-height: 26.6000003814697px; background-color: rgb(252, 252, 250);">RequireJS 是一个非常小巧的 JavaScript 模块载入框架,是 AMD 规范最好的实现者之一。</span>

require.js的诞生,就是为了解决这两个问题:   

(1)实现js文件的异步加载,避免网页失去响应;

(2)管理模块之间的依赖性,便于代码的编写和维护。

第一个例子:新建web项目

index.jsp 引入requireJS

<script type="text/javascript" src="require-2.1.16.js" data-main="main"></script>   //<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20.7999992370605px;">data-main="main",等号右边的main指的main.js</span>

main.js

require.config({
	paths : {
		jquery : 'jquery-2.2.2'  //加载jquery-2.2.2.js文件
	}
});
require([ 'jquery' ], function($) {
	//alert($().jquery);
	alert("加载成功");
});
访问index.jsp发现弹出框提示加载成功字样!

你可能感兴趣的:(requireJS入门学习)