posts - 0,comments - 0,views - 690

一直听说seaJs 和 requireJs 如何如何好的,现在正好手里项目第一版已经做完,学习下模块化js。


HTML代码:

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8" />
 5 <title>require - demo</title>
 6 <script type="text/javascript" src="js/require.js" data-main = "js/main"></script>
 7 </head>
 8 <body>
 9 
10 </body>
11 </html>
复制代码

引入require.js后,设置 data-main 的值为初始执行的模块(模块既js文件);


 

main.js

复制代码
/*入口脚本*/
require.config({
    paths: {    // -- 配置别名
        "jquery":"jquery.min",
        "init": "init"
    }
});

// 开始逻辑.
require(['jquery','init'], function($,exports) {
    console.dir(exports.callback());// 加载完成回调
});
复制代码

首先配置require的属性

require 接收2个参数(模块数组,回调);

我们首先加载jquery和初始文件

回调函数内的参数对应模块return的内容;


 

init.js

复制代码
define(function() {
    return {
          "callback":function(){
              var w = $(window);
              return {
                  "wWidth":w.width(),
                  "wHeight": w.height()
              }
              
              
          }
    }
});
复制代码

这样等待init.js文件被加载后就可以输出window的宽和高了

 

posted on 2015-10-30 13:51  淡淡的真  阅读(76)  评论(0)    收藏  举报
编辑推荐:
· C#.Net筑基-泛型T & 协变逆变
· dotnet 代码调试方法
· DbContext是如何识别出实体集合的
· 一次 .NET 性能优化之旅:将 GC 压力降低 99%
· MySQL索引完全指南:让你的查询速度飞起来
阅读排行:
· .NET中全新的MongoDb ORM框架 - SqlSugar
· 我救了一个网站,性能提升了1500 多倍!
· dotnet 代码调试方法
· .NET程序员的多语言笔记本:Polyglot Notebook
· 别再被 Spring Security 和 Shiro 劝退了!这款国产 Java 权限框架真香!
< 2025年7月 >
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9

点击右上角即可分享
微信分享提示