Q&A：
1. 如下requirejs配置中, baseUrl 有什么作用？以什么作為基準(zhǔn)? paths 的作用和用法是什么?
requirejs.config({
baseUrl: "src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
}
});
- baseUrl：設(shè)置默認(rèn)根路徑侦铜，如果沒有設(shè)置，則baseUrl定義為應(yīng)用require.js的html文件所在目錄钟鸵；
- 基準(zhǔn)：以html文件所在目錄為基準(zhǔn)钉稍；
- paths：paths是相對(duì)路徑，當(dāng)需要引用的模塊不在當(dāng)前目錄樹下棺耍，或者文件名比較復(fù)雜時(shí)贡未，可以用paths設(shè)置以簡(jiǎn)化；如代碼中所示蒙袍，用jquery名稱id代替lib文件夾下很長(zhǎng)的文件路徑俊卤。
2. 如下 r.js 的打包配置中 baseUrl 是什么? name 是什么
({
baseUrl: "./src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
},
name: "main",
out: "dist/js/merge.js"
})
- baseUrl：是當(dāng)前目錄下的src文件夾里的js文件目錄；
- name：入口模塊的id名稱左敌，這里用main.js作為入口模塊（主模塊）瘾蛋；
- out：輸出目錄；
Coding：
使用 requirejs完成如下功能：
- 首屏大圖為全屏輪播
- 有回到頂部功能
- PORTFOLIO 使用瀑布流布局（圖片高度不一）矫限，下部有加載更多按鈕哺哼，點(diǎn)擊加載更多會(huì)加載更多數(shù)據(jù)(數(shù)據(jù)在后端 mock)
- About 每個(gè)時(shí)間區(qū)塊默認(rèn)隱藏，曝光漸變展示
- 使用 r.js 打包應(yīng)用
預(yù)覽
代碼
本文歸本人和饑人谷所有叼风，如需轉(zhuǎn)載請(qǐng)注明出處
