requireJS、r.js

• 如下requirejs配置中, baseUrl 有什么作用？以什么作为基准? paths 的作用和用法是什么?

        requirejs.config({
          baseUrl: "src/js",  
          paths: {
            'jquery': 'lib/bower_components/jquery/dist/jquery.min'
          }
        });

• baseUrl: 指模块的查找根路径。默认的baseUrl为包含RequireJS的那个HTML页面的所属目录。
• paths：path应用在一些不放在baseUrl目录下的模块名。使用一个特定的路径，在上例中使用jquery时将映射到lib/bower_components/jquery/dist/jquery.min目录下的文件。
• 当我们不使用"baseUrl + paths"的解析过程时，而是直接指定加载某一个目录下的脚本，可以使用以下规则
• 以 ".js" 结束.
• 以 "/" 开始.
• 包含 URL 协议, 如 "http:" or "https:".
• 如下 r.js 的打包配置中 baseUrl 是什么? name 是什么

({
    baseUrl: "./src/js",
    paths: {
        'jquery': 'lib/bower_components/jquery/dist/jquery.min'
    },
    name: "main",
    out: "dist/js/merge.js"
})

• baseUrl：require.js的baseUrl，以自己目录为基准（与 data-main 入口文件的baseUrl的路径相同）
• name：baseUrl目录下入口模块的名字，定位到 data-main 中的入口文件
• out：最后文件的输出路径，相对于build.js本身的路径

代码

• 使用 requirejs 完善网站，包括如下功能：
  首屏大图为全屏轮播
  有回到顶部功能
  PORTFOLIO 使用瀑布流布局（图片高度不一），下部有加载更多按钮，点击加载更多会加载更多数据(数据在后端 mock)
  About 每个时间区块默认隐藏，曝光渐变展示
  使用 r.js 打包应用

代码地址
本博客版权归 本人和饥人谷所有，转载需说明来源