美文网首页
requireJS、r.js

requireJS、r.js

作者: coolheadedY | 来源:发表于2016-10-18 04:55 被阅读73次
    • 如下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 打包应用

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

    相关文章

      网友评论

          本文标题:requireJS、r.js

          本文链接:https://www.haomeiwen.com/subject/esmnyttx.html