require.js的使用方法详细介绍

来源：动视网责编：小采时间：2020-11-27 20:08:18

require.js的使用方法详细介绍

require.js的使用方法详细介绍:我们知道，RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模块加载机制）规范最好的实现之一。最新版的requireJS压缩后只有14k，堪称非常轻量。它还同时可以和其他的框架协调工作，使用requireJS必

推荐度：

点击下载本文 文档为doc格式

导读require.js的使用方法详细介绍:我们知道，RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模块加载机制）规范最好的实现之一。最新版的requireJS压缩后只有14k，堪称非常轻量。它还同时可以和其他的框架协调工作，使用requireJS必

我们知道，RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模块加载机制）规范最好的实现之一。最新版的requireJS压缩后只有14k，堪称非常轻量。它还同时可以和其他的框架协调工作，使用requireJS必将使我们的前端代码质量得以提升。

首先我们先来看一下一个普通的页面js加载

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script type="text/javascript" src="js/index02.js" ></script>
 </head>
 <body>
 <h1>this is a page.</h1>
 </body>
</html>

此时，如果我们不对弹出框做操作，页面就不会接着加载，就不会有页面内容，这并不是我们想要实现的结果。

下面我们用require.js进行操作：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script src="js/require2.1.11.js"></script>
 <script type="text/javascript">
 require(["js/index","js/index01"],function(){
 console.log("当js加载成功后会执行的函数");
 },function(){
 console.log("当js加载失败后会执行的函数");
 });
 </script>
 </head>
 <body>
 </body>
</html>

index.js

define(function(){
 console.log("this is a test!");
 function test(){
 console.log("haha,i am a test!");
 }
 test();
});

相信看了以上介绍你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

require.js的使用方法详细介绍

推荐度：

点击下载本文 文档为doc格式

标签：使用用法使用方法

热门焦点

require.js的使用方法详细介绍

require.js的使用方法详细介绍

require.js的使用方法详细介绍

最新推荐

猜你喜欢

热门推荐