【開發和生產url替換問題】【script標籤】【img標籤src不存在時,在移動端會顯示一個小方格】
阿新 • • 發佈:2019-01-31
1.實際開發中,總是存在一些url或者一些其他變數在提交生產時要修改成生產的url地址或一些變數的變化,這時可以單獨建立一個js檔案,儲存一個全域性的物件,裡面儲存相應的開發配置,在生產時直接修改這個檔案就可以了。
// dev
var url = {
base: 'https://dev.xx.com',
cloudUrl: 'https://devcloud.xx.com',
thumb: 'https://thumb.dev.xx.com',
sys: 'is',
share: 'https://dev.xx.com/isAppHtml/m/activity/fourthAnniversaryCelebration/src/components/index/view.html'
};
// pro
var url = {
base: 'https://www.xx.com',
cloudUrl: 'https://cloud.xx.com',
thumb: 'https://thumb.dev.xx.com',
sys: 'is',
share: 'https://www.xx.com/isAppHtml/m/activity/fourthAnniversaryCelebration/src/components/index/view.html'
};
2.html中的script標籤會按順序載入執行,但是作用域都是相同的,就是說定義一個全域性變數,在其他script中也能訪問和修改(注意先後順序)
<script>
var url = {
q: 1,
s: 2
}
</script>
<script>
console.log(url.q = 2);
console.log(url); // url:{q:2,s:2}
</script>
3.img標籤src不存在時或者unknown時,在移動端會顯示一個小方格—–應規避出現這種情況,可以設定一張沒有圖片時顯示的圖片;或者沒有圖片就隱藏該元素