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所有对象

...