原来我真的不会用Seajs

一次痛苦的seajs查“错”经历

关于Seajs这里无需多讲,作为一个前端开发或多或少都是听过它的大名。

最近接手一个项目,模块编写使用CMD规范,加载使用Seajs。OK,暂时也不太好更改这种模式,那就遵循现有的规范来写代码吧。

但是在查看页面加载的文件列表时,我瞬间一脸懵逼,为啥呢?多出来几个“不速之客”!如下图

截图1

好吧,这么说,可能大家还是一脸懵逼,六神无主,我们来看看具体的代码

    function getData() {
        //执行获取数据前需要加载2个依赖的模块
        var $u = require('WebTools'),
            $ = require('jquery');
    }

一眼看上去简直是非常理想的模块按需加载的思路,getData函数的执行需要依赖于WebTools和jquery这2个模块,但是在它执行之前是不需要加载这2位大爷的,因此,我们在这个函数内部采取希望引入相应的模块。一切设想都是美好的,这里同样如此。

然后,代码运行,在getData还未执行时,我“惊喜”地发现,模块居然被引入了。发现这个问题以后,我在seajs的全局配置文件中,看是否这2个模块走了“快速”通道被预加载了,然后,配置文件如下:

    preload: ['jquery','commonTemplate','WebTools']

哦,原来是在这里设置了模块预加载啊,问题的症结原来是出在这里?于是,我把这句配置代码注释掉,刷新页面,尼玛...那几个模块文件还是被加载了。

难道是缓存?不说了,我要清缓存了,清完缓存,刷新页面,模块还是被引用了!!!啥也不说了,让我哭会儿先。这个时候看来没什么招了,那就去seajs的官方文档上瞅瞅去。

从文档上,链接到了<a href="http://www.zhangxinxu.com/sp/seajs/docs/rules.html" target="_blank">[张老师的博客],我直接把关键的信息贴到下面

这里写图片描述

从这上面的说明,告诉我们,模块的加载实现不是运行时的,seajs会解析js静态文本,提取require的模块对应的文件并将它们加载到页面上。而且,不管这个require代码是否执行,都不影响它的加载。ps.让seajs做一个固执的美男子。

为了验证这段话的真实性,于是我注释掉没有执行的require代码,这些模块果然没有被加载,看来真是这个原因,原来我们一直以为的按需加载都是自己误解下的“按需加载”。

那么,我们想在这里按需加载,代码不执行时不加载相应的模块,就得使用上面提到的

    require.asyc('./a.js',function(a){
        //a是加载成功的模块输出
    })

经过这个“痛苦”迷惑的过程,终于把问题搞清楚了。其实归根结底还是由于自己在使用一个框架之前没有非常深入地去了解它的机制,没有了解透彻的第三方库或者框架对于我们的项目而言无异于酣睡的猛虎/定时的炸弹。切忌人与亦云,自勉!

----前端C罗

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,448评论 25 707
  • 前端集成解决方案要求: 模块化开发。最好能像写nodejs一样写js,很舒服。css最好也能来个模块化管理! 性能...
    Www刘阅读 2,999评论 1 20
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,498评论 0 106
  • (1) 我走在后面,看着前面的情侣大手牵小手,而我牵着两大袋很沉让我心更沉的包裹。 我很飒爽笔直如高贵的白杨树从他...
    圆圆yolanda阅读 272评论 2 1
  • 我的家乡有很多特色小吃,比如麦虾、食饼筒、姜汤面。都是现烧现吃的食物,通过这些美食大家是不是可以猜到我是来...
    偬偬阅读 183评论 0 1