1. 程式人生 > >前端與移動開發樂淘專案-day03

前端與移動開發樂淘專案-day03

1.理解getParamByUrl方法:
//getParamByUrl方法的第一個引數應該傳入完整的位址列地址
//getParamByUrl方法的第二個引數應該傳入需要獲取的引數對應的引數名
//getParamByUrl方法將會返回需要獲取的引數值

function getParamByUrl(url,name){
    //將url地址字串中 “?” 之後的所有字元截取出來賦值給params
    var params = url.substr(url.indexOf("?")+1);
    //將字串params按照“&”符號進行分隔
    var param = params.split("&");
    //遍歷分隔出來的所有內容       
    for(var i=0;i<param.length;i++){
        //將第i個分隔出來的內容再按照“=”符號進行分隔
        var current = param[i].split("=");
        //判斷分隔出來的引數名是否與傳遞的引數名一致
        if(current[0] == name){
            //返回引數值
            return current[1];
        }
    }
    //如果迴圈中沒有查詢到與引數名一致的引數,則返回null
    return null;
}

2.mui的上拉載入元件的使用:
<div class="mui-scroll-wrapper">
    <div class="mui-scroll">
        <!--這裡放置真實顯示的DOM內容-->
    </div>
</div>

mui.init({
  pullRefresh : {
    container:".mui-scroll-wrapper",//注意:container應設定為區域滾動元件
    up : {
      height:50,//可選.預設50.觸發上拉載入拖動距離
      auto:true,//可選,預設false.自動上拉載入一次
      contentrefresh : "正在載入...",//可選,正在載入狀態時,上拉載入控制元件上顯示的標題內容
      contentnomore:'沒有更多資料了',//可選,請求完畢若沒有更多資料時顯示的提醒內容;
      callback:getData//回撥函式getData,當上拉載入時呼叫getData
    }
  }
});

function getData(){
    //重置上拉載入(之前如果設定成了沒有更多內容,可以重置進行繼續上拉載入)
    mui(".mui-scroll-wrapper").pullRefresh().refresh(true);
    //如果.endPullupToRefresh方法傳遞的引數為false,則可以繼續進行上拉
    //如果.endPullupToRefresh方法傳遞的引數為true,則無法繼續進行上拉
    mui(".mui-scroll-wrapper").endPullupToRefresh(true|false);

}

3.mui禁止了a標籤的原生跳轉,可以呼叫mui提供的方法進行跳轉:
//跳轉到index.html頁面
mui.openWindow({
    url:"index.html"
})