对于requirejs AMD模块加载的理解

个人人为使用模块化加载的优点有三:

1,以我的项目为例:90%为图表展示,使用的是echarts,此文件较大,requirejs可以在同一个版本号(urlArgs)之下缓存文件,那么我就可以在访问登陆页(不需要图表的加载,但是没说不能请求啊~~~)的时候异步将echarts库加载下来缓存,那么你之后的页面速度会飞一般的快(只需要将版本号作为变量存储,每次更新代码之后修改一次版本好就行了)

2,requirejs本身采用的就是js的异步加载防止页面失去响应,打开页面的时候css会优先渲染,会让用户先看到界面

3,引进模块化的概念,消除全局变量,很大程度上解决了变量覆盖和冲突的问题(很重要,代码量打的时候如果出现变量或者函数覆盖的情况,很头疼很头疼找不出来问题)

4,引进模块化的概念,将每个功能作为独立出来,使耦合性降低(开发阶段分出来的js会有些多,但是在部署阶段需要使用r.js进行模块整合)

 

对于requirejs加载模式的进一步理解:

1,只要是AMD规范的模块,在模块和shim中都可以管理依赖,不遵循的依赖就只能用shim管理(exports暴露变量给requirejs,然后就可以在调用的时候注入使用了)

2,path中声明模块时需要确认载入的是否是具名模块(模块中带id),如果是具名模块,声明的名字和id必须一致。当一般情况下推荐模块写成匿名的

3,path中可以以数组的形式声明模块,如:

require.config({
    baseUrl: "js",
    urlArgs: "v=1.222",
    paths: {
        jquery: [
            "//cdn.bootcss.com/jquery/1.10.1/jquery.min",
            "jquery-1.8.3.min"]
    },
    shim: {
    }
});

这里对于jquery,会先加载cdn资源,加载异常才会加载本地资源

posted @ 2016-03-30 15:45  嘿煤贵  阅读(1216)  评论(0编辑  收藏  举报