HBuilder

什麼是HBuilder?

HBbuilder是DCloud(數字天堂)推出的一款支持HTML5的WEB開發IDE,主體是由java編寫的,它將HTML/JS代碼塊進行代碼封裝,達到簡單數據造成代碼的特色,對開發者特別友好.

MUI?

移動APP佈局框架, - 最接近原生APP操做

HTMLPLUS

調用硬件驅動和系統調用

MUI頁面的DOM操做

MUI 頁面的DOM   ---  mdo

標題欄     ---  mhe  帶返回/不帶返回箭頭

MUI內容主題  --- mbo

九宮格   --- mgr

輪播圖 ---msl

圖文列表   --- mli

底部選項卡  ---mta

JS:

mui.openwindow({
    url:"頁面.html",
    id:"頁面.html",
    styles:{
        top:"0px",
        bottom:"50px"
    },
    extras:{}
})      --- mop

  mui.plusReady(function () {
  })   --- mpl 呼叫當前頁面

mui.init()   ---min   加載子頁面 mins

mui.post() - mpo - ajax 的 POST請求方式

mui.toast() - 展現自動消失提示框

document.getElementById("btn").addEventListener("tap",funcation(){
    })   dga   綁定事件

手勢事件

點擊事件  
tap     單擊屏幕
double  雙擊屏幕

長按事件
longtap   長按屏幕
hold    按住屏幕
release   離開屏幕

滑動事件
swipeleft / swiperight / swipeup / swipedown   向左/右/上/下滑動

拖動事件
dragstart  開始拖動
drag    拖動中
dragend  拖動結束

手勢事件

mui.init({
  gestureConfig:{
   tap: true, //默認爲true
   doubletap: true, //默認爲false
   longtap: true, //默認爲false
   swipe: true, //默認爲true
   drag: true, //默認爲true
   hold:false,//默認爲false，不監聽
   release:false//默認爲false，不監聽
  }
});

//注意longtap和hold默認都開啓監聽一個

手勢事件的默認配置

ming   ---修改當前webview可監聽的手勢事件

webview

將HTML代碼翻譯成能夠顯示的webview,通俗來講就是一個HTML文件就能夠理解爲一個webview,好比 main.html  ; index.html 等在運行的時候被調用或被加載過的時候就是webview視圖

webview的做用就是將應用和頁面創建關係.

plus.webview.currentWebView();  獲取當前WebView全部對象

plus.webview.getWebViewById("webview_id_string"); 獲取指定的WebView全部對象

fire

1. 事件觸發

當事件觸發的時候
var index = plus.webview.getWebViewById("HBuilder"); login 獲取 index webview 
mui.fire(index,"hello",{age:123})
 //入口頁面默認HBuilder

 2.事件監聽

 index 頁面監聽事件
        document.addEventListener("hello",function(eventData){
            eventData.detail === {age:123}
            // ws.send(JSON.stringify(event.detail)));
            mui.toast("我是index頁面，你調用了個人hello事件 ,你給我傳遞了"+JSON.stringify(event.detail));
        })

//detail 就是咱們傳遞的字典

storage

相似於cookies,是本地存儲空間,它存的是鍵值對{"key":"string/int"},它能夠實現自動登陸!

extras 頁面參數傳遞

extras:{name:666} 傳遞頁面參數 index.html
在index.html中: plus.webview.currentWebView().name; 獲取當前WebView全部對象

 ...