1. 程式人生 > >【開發和生產url替換問題】【script標籤】【img標籤src不存在時,在移動端會顯示一個小方格】

【開發和生產url替換問題】【script標籤】【img標籤src不存在時,在移動端會顯示一個小方格】

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時,在移動端會顯示一個小方格—–應規避出現這種情況,可以設定一張沒有圖片時顯示的圖片;或者沒有圖片就隱藏該元素
這裡寫圖片描述