什么是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 绑定事件
手势事件
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
点击事件
tap 单击屏幕
double 双击屏幕
长按事件
longtap 长按屏幕
hold 按住屏幕
release 离开屏幕
滑动事件
swipeleft / swiperight / swipeup / swipedown 向左/右/上/下滑动
拖动事件
dragstart 开始拖动
drag 拖动中
dragend 拖动结束
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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所有对象
...