requireJS入门学习

来源:互联网 发布:卖家赠送的淘宝运费险 编辑:程序博客网 时间:2024/06/06 08:31

<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发现弹出框提示加载成功字样!

0 0
原创粉丝点击