require.js使用(二)

同一项目不同页面,需加载不同的页面,如何针对不同的html,require不同的js文件,我的想法是每个页面都define成一个模块,根据页面标识,来requrie相应的模块

如目录下
index.html => index.js
detail.html => detail.js
search.html=> search.html

  1. 首先我们在页面的body标签上做一个标识,data-mark = 'index'

  2. 这样我们就能通过$('body').data('mark')获取到模块名。

example

//index.js
define(function(){
    return {
        init: function(){
          console.log(1)
        }
    }
});
//main.js
require(['jquery'],function($){
  var moduleName = $('body').data('mark');
  //根据moduleName执行对应的模块
    require([moduleName],function(m){
        m.init()  //输出1
    })
})

注意modelname必须在require.config中进行配置

将获取标识的这段代码再封装一下

//mark.js
define(function(){
    return $('body').data('mark')
    }
});
//main.js
require(['jquery','mark'],function($,mark){
  //根据moduleName执行对应的模块
    require([mark],function(m){
        m.init()  //输出1
    })
})

继续封装一下呢?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,696评论 0 17
  • 个人入门学习用笔记、不过多作为参考依据。如有错误欢迎斧正 目录 简书好像不支持锚点、复制搜索(反正也是写给我自己看...
    kirito_song阅读 2,514评论 1 37
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,276评论 4 61
  • 1.下载iOSOpenDev_Patches. 2.把Specifications1文件夹重命名为Specific...
    Levi_阅读 884评论 1 4
  • 两个孩子都是在跑步的过程中怀上的,上帝如此有意的安排,是要告诉我什么呢? 两个孩子分别开启了我不一样的生活,现在回...
    by_10阅读 205评论 0 0