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‘;

})

时间: 2024-10-05 04:58:27

HTML5 开发APP(MUI的一些特性)的相关文章

phonegap+html5开发app的一些总结

1.Css3圆角白边:使用css3圆角效果时,在android某些机器上会产生白边,所以应该在圆角的div外套一个div(背景色和外部相同),然后有圆角效果的div 内部使用自己的背景色 border-radius:5px; box-shadow:inset 0 2px 5px #e1e1e1; <div style=””> <div style=”border-radius:5px;box-shadow:inset 0 2px 5px #e1e1e1;”> </div>

HTML5 开发APP(头部和底部选项卡)

我们开发app有一定固定的样式,比如头部和底部选项卡部分就是公共部分就比如我在做的app进来的主页面就像图片显示的那样 我们该怎么实现呢,实现我们应该建一个主页面index.html,然后建五个子页面,通过mui来实现切换功能. 在index的html部分写下这样的代码 <body> <header class="mui-bar mui-bar-nav" style="padding-right: 15px;background: #00be68;"

HTML5 开发APP(打开相册以及图片上传)

我们开发app,常常会遇到让用户上传文件的功能.比如让用户上传头像.我公司的业务要求是让用户上传支付宝收款二维码,来实现用户提现的功能.想要调用相册要靠HTML Plus来实现.先上效果图 基本功能是点击按钮就上传图片,然后获取到图片在服务器上的路径. 首先我们要打开相册,使用gallery模块管理系统相册来打开相册 mui('#shangchuan')[0].addEventListener('tap',function(){ chooseImg(); }) function chooseIm

HTML5 开发APP( 环境配置)

上一篇我写了关于新建项目,这一篇说一下配置环境我们新建一个移动app后,会发现一个mainifest.json文件,开发app所要配置的环境就在这个文件里 点击打开文件后会有配置界面,在配置界面的下方有关于配置的内容 应用信息主要的写你的项目的介绍和appid以及设置手机的屏幕状态 图标设置是设置app在手机页面上的图标必须是png格式. 启动图片配置是app启动图片也必须是png. sdk配置:是一些第三方授权验证的地方,要是用的第三方授权要进行配置.比如微信登录,qq登录等等,要先申请第三方

HTML5 开发APP 第一章

当今天下,移动端基本上是安卓和苹果的天下,基本上没微软什么事,作为微软忠实的支持者,也要顺势而变. 但安卓和IOS  开发是两个完全不同的世界,有没有一种技术,开发完以后可以运行在任意终端呢,答案是有的,HTML5 OK, 闲话不扯,直奔主题吧. 一,环境搭建 1,下载JDK (这个很多  BD一堆) 1.环境搭建 1.1.JDK安装 1.2.Eclipse安装 1.3.Android SDK安装 1.4.ADT安装 1.5.创建AVD 2.HelloWorld 1.环境搭建 1.1.JDK安装

在App中混合HTML5开发App如何实现的。在App中使用HTML5的优缺点是什么?

参考答案: 在iOS中,通常是通常UIWebView来实现,当然在iOS8以后可以使用WKWebView来实现.有以下几种实现方法: 通过实现UIWebView的代理方法来拦截,判断scheme是否是约定好的,然后iOS调用本地相关API来实现: 1 2 3 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigat

ADT集成环境+PhoneGap 2.9.0搭建HTML5 开发APP环境

一.环境搭建 1.   搭建开发Android环境,此处不再讲述,可以使用ADT集成环境,也可以使用Eclipse + Android SDK + ADT Plugin. ADT集成环境下载地址:http://developer.android.com/sdk/index.html 2.   配置PhoneGap PhoneGap下载地址:http://phonegap.com/install/ 此文档不适合phonegap-2.9.0以上的版本,适合phonegap-2.9.0以下的版本,因为

html5开发App,如何自适应分辨率

在head部分加入代码 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> 来自为知笔记(Wiz)

mui开发app之联网应用传输数据

手机的app分为,在线和单机,在线就是类似于C/S模式,能与服务器与他人共享数据的程序,单机就是在没有网络下可以玩转的app. 目前互联网盛行的时代,99%的程序都是联网环境下工作的.那么如何开发本地app并且能通过网络将数据上传至服务器共享成为了在线app的开发重点. 首先请理解B/S的工作模式,在web程序中,我们只是向http服务器请求了地址,服务器(无论是apache,tomcat,nginx这些都是实现了http socket的程序)返回给我们html文件,浏览器呢,对html进行解释