• require.js入门级使用


    require.js入门级使用

    1.引用当然是需要的,所以贴上:<script data-main="main" src="require.js"></script>。

    data-main的属性值表示一个程序的入口。类似app.js什么的。这里对应的就是当前目录下的main.js文件

    2.main.js作为一个程序的入口,可以先进行一些简单配置:

     1 require.config({
     2 
     3 baseUrl:'js',
     4 
     5 paths:{
     6 
     7   'jquery':['jquery.1.8.3','xx/yy/zz']
     8 
     9 }
    10 
    11 shim:{
    12 
    13   'jquery-plugin':['jquery']
    14 
    15 }
    16 
    17 })

    以上这些是常用配置,baseUrl表示基本路径,很容易明白的了。

    paths参数中的jquery后面的值为一个数组,表示当第一个加载不到的情况下会往下寻找另一个资源。如果只加载本地资源的话就没必要用数组形式了。

    shim参数表示依赖项。比如说一个项目中要用到某个jquery插件,他的依赖项就是jquery库。

    用require.js如何定义模块呢,先贴上代码:

    1 define(['requireModel'],function(){
    2     /*这里省略一万字*/
    3     
    4     return {/*这里是要返回的模型内容,可为对象,可为函数*/}
    5 });

    如果上面的代码是在models.js这个文件中的,那么这个模块的名字就是models.在应用的时候就是这样:

    require('models',function(M){
        //TODO
    }); 

    要注意的一点是回调函数中的参数是对应模块名的。如果引入了三个模块,那么回调函数中应该有三个参数,并且这三个参数跟引入的三个模块一一对应。

    内容参考http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html.里面很详尽的介绍了require.js的使用

  • 相关阅读:
    PHP实现微信退款的分析与源码实现
    thinkphp对180万数据批量更新支持事务回滚
    在线工具
    php连接redis
    Redis PHP连接操作
    阿里大于短信接口整合TP5
    Unity3d中如何查找一个脚本被挂在那些预设上面?
    泰课在线夜猫的贪食蛇
    EasyTouch5ForSiki学院
    unity游戏热更新
  • 原文地址:https://www.cnblogs.com/moyiqing/p/requireJs.html
Copyright © 2020-2023  润新知