锐客网

  1. 首页 > 睿知 > it技术 > >

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

IT知识开发开发app一些

大鹏一日同风起，扶摇直上九万里。这篇文章主要讲述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;  
      }   
【HTML5 开发APP(MUI的一些特性)】      });    
  在父页面中添加事件监听
window.addEventListener(‘refresh‘,  function(e)  {   
                location.reload();    
      //document.getElementById(‘indexHeader‘).innerHTML  =  ‘Hello  World‘;  
        })  
















    推荐阅读


    上一篇：eclipse转Android studio遇到的那些坑

    下一篇：《Android源代码设计模式解析与实战》读书笔记