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