RequireJS入门

RequireJS简介
    RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。RequireJS在浏览器环境中具有最佳性能，除此之外，其也可被用于其他JavaScript环境，如Rhino和Node。最新版本的RequireJS压缩后只有14.6K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码运行效率、质量得以提升。
    目前最新版本的RequireJS 2.1.6在IE 6+、Firefox 2+、Safari 3+、Chrome 3+、Opera 10+上都兼容的很好。

获取RequireJS
    从这里下载，获取最新版本的RequireJS。

引入RequireJS
    创建一个工程，如下：

 1 RequireJS-tutorial
 2   │  index.html
 3   │
 4   └─scripts
 5       │  main.js
 6       │  require-2.1.6.min.js
 7       │
 8       ├─helper
 9       │      util.js
10       │
11       └─lib
View Code

其中util.js代码如下：

1 define(function() {
2     return {
3         say: function() {
4             return "Hello RequireJS.";
5         }
6     };
7 });
View Code

main.js代码如下：

require(["helper/util"], function(util) {
    alert(util.say());
});
View Code

index.html代码如下：

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5         <title>RequireJS TUTORIAL</title>
 6         <script  src="scripts/require-2.1.6.min.js" data-main="scripts/main"></script>
 7     </head>
 8     <body>
 9         <h1>Hello RequireJS</h1>
10     </body>
11 </html>
View Code

在浏览器中打开index.html文件，将弹出提示框显示信息"Hello RequireJS."

posted @ 2013-08-29 10:55  Bruce.Chang.Lee  阅读(248)  评论(0)    收藏  举报