HTML5 开发APP(MUI的一些特性)

先附mui文档地址：http://dev.dcloud.net.cn/mui/ui/  。mui的UI组件比较简单而且在文档中很好找就不过多说了。

1 在app开发中，使用HTML5+的api，必须mui.plusReady方法中。

2 常用的a标签和window.herf跳转方法通通改为

mui.openWindow({
       url: '文件路径',
        id: '自己给文件起的id'
        })

3 ajax 部分。mui自己封装了可跨越的ajax。和jq的ajax大体相似

mui.ajax({
        url:"",
        type: '',
         data: {},
      dataType: 'json',
     success: function (result) {
     }
     });

注意data的传值方式有点不同 data: {id: id,bank: bank} 前面是和后台预订好的字段，后面是要传的值。

4  刷新父页面。就是你从A跳到B,在B进行了操作，然后回到A，A的数据发生改变。

先在子页面初始化时，注册beforeback方法；

mui.init({

beforeback: function() {

//获得列表界面的webview  var list = plus.webview.currentWebview().opener();

//触发列表界面的自定义事件（refresh）,从而进行数据刷新

mui.fire(list, 'refresh');

//返回true，继续页面关闭逻辑     return true;

}

});

在父页面中添加事件监听

window.addEventListener('refresh', function(e) {

location.reload();

//document.getElementById('indexHeader').innerHTML = 'Hello World';

})