<script type="text/javascript" charset="utf-8"> //mui初始化 mui.init({ swipeBack: true //启用右滑关闭功能 }); var info = document.getElementById("info"); document.getElementById("alertBtn").addEventListener('tap', functi

前言 创建一个main主页面,只有主页面有头部.尾部,中间内容嵌入iframe内容子页面,如果在当前页面进行跳转操作,也是在iframe中进行跳转,而如果点击尾部按钮切换模块.页面,那就切换iframe标签的src进行更新url,这样我们在跳转页面时,头部.尾部都不会刷新,浏览效果更佳,配合mui前端框架,使操作体验更接近原生App 如果不用考虑APP上架审核的问题,可以采用H5套壳的方式开发APP,可以降低开发人员的学习成本,uni-app + H5这样的套壳Web App,会Web项目开发的

很多APP使用H5编写,但APP链接的是远程的url的模式,导致了APP的用户体验极差,因为当你使用远程的H5 url的时候,打开H5页面的速度由网络决定,而不是由手机性能决定,假如用户在没有网络的地方打开APP,甚至出现迟迟打不开APP界面,出现白色空白页的情况,造成用户一直在等待. 其实APP使用H5,不应该使用远程的H5 url,而是应该使用file://本地路径的方法打开本地的H5页面,而不是使用http://远程路径的方式打开H5页面,这样APP的打开速度就可以跟原生相比,因为这样打开

H5+是JS封装的工具集合,通过H5+我们就可以使用JS的方式去调用到我们手机端上的一些原生的组件. http://dev.dcloud.net.cn/mui/ http://dev.dcloud.net.cn/mui/ui/ 开发过微信小程序或者说Bootstrap,那么使用起来是非常的简单和方便. http://ask.dcloud.net.cn/docs/ http://www.html5plus.org/doc/ H5+和MUI做的一个大致的讲解. 现在我们创建的是MUI的项目,我们会基

定位功能有两种方法: 首先要初始化内置地图: var map = new plus.maps.Map("map"); 这里黄色的map是html里面的id: <div id="map">地图加载中...</div> 1.调用GPS定位API(注意,使用了baidu和bd09ll参数,无需转换坐标) plus.geolocation.getCurrentPosition(function(p) { console.log(p.addresses

转载自:https://blog.csdn.net/u012442504/article/details/87367153 // 扩展API加载完毕后调用onPlusReady回调函数 document.addEventListener( "plusready", onPlusReady, false ); // 扩展API加载完毕,现在可以正常调用扩展API function onPlusReady() { } // 调用第三方程序//浏览器调用 function launchApp

伟大的哲学家曾说过"写代码,一定要翻文档" 这次我们需要用到的是调取系统相册进行多图上传,先奉上html5+api关于系统相册的文档链接链接:HTML5+ API Reference & gallery 首先一点,我们在使用5+Api前都需要在manifest.json文件中进行功能模块的添加,当然用Hbuilder的话大部分模块都已在内,这里是关于相册的模块 { // ... "permissions":{ // ... "Gallery&quo

文章背景: dcloud官网给出的打包步骤对于有一定安卓打包基础的同学来说比较容易掌握,但是对于webapp小白来讲有的地方可能没有说的太具体.下面我给大家介绍的详细一点,保证大家按照步骤就能学会打包. 文章正文: 在正式打包之前,你要先下载HBuilder官方最新版的5+SDK,这里是下载传送门5+SDK下载地址,这两个下载哪一个都可以. ①下载和安装Android Studio,下载和安装方法就和安装普通软件一样,一直安装就行了.Android Studio下载地址,链接失效的话,同学们可以

html      上面--代表最小触发字符      下面--代表非必要完整触发字符 组件 触发字符 mDoctype(mui-dom结构) mdo ctype mBody(主体) mbo dy mScroll(区域滚动容器) msc roll mrefreshContainer(刷新容器) mre fresh mHeader(标题栏) mhe ader mHeader(带返回箭头的标题栏) mhe aderwithBack mCheckbox(复选框) mch eckbox mCheckbo

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器,webview被封装在html5+,plus对象中,底层由java,OC实现. 先来谈谈我对webview的理解: 使用mui开发的app,其实是在做web前端开发,打开的webview是网页,用js+html+css替代了原来的xml+java activity的传统android开发模式,h5最终性能相对原生一定是降低了很多(主要原因不在webkit的解析速度,而是最终所有的ui和业务逻辑还是会转化为android sdk交由

MUI-最接近原生APP体验的高性能前端框架, 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标. MUI是以iOS平台UI为基础,补充部分Android平台特有的UI控件,可以通过Hbuild引用此控件来开发app,Hbuild在研发app时发挥的效果是非常棒的,高效

1)引入mui.min.css,然后引入mui.picker.min.css            注意这个mui.picker.min.css  与 mui.picker.css  不一样 2)引入mui.min.js,然后引入mui.picker.min.js                  注意这个mui.picker.min.js  与 mui.picker.js  不一样 3)加入以下代码: HTML: <div id="触发修改时间的对象的类" class=&quo

1.MongoDB回顾 .启动 mongod - 改变data/db位置: --dbpath D:\data\db mongod --install 安装windows系统服务 mongod --remove 卸载windows系统服务 mongo 打开客户端 cmd 窗口 NoSQLBooster4mongodb .概念 - 使用了不存在的对象即创建该对象 - use db 创建或切换当前数据库 内存中 - db.tablename 创建或使用 tablename 内存中 .指令 db 查看当

文章来源:小青年原创发布时间:2016-05-15关键词:mui,html5+转载需标注本文原始地址:http://zhaomenghuan.github.io/#!/blog/20160515 写在前面 相信很多朋友初次接触到dcloud这边的产品,一般都是hbuilder和mui,所以很多朋友对于dcloud这边的产品链的认识也是各不相同.我相信对于很多新手来说,初次使用dcloud这边的产品的第一感觉一定是觉得这个东西很好却无从下手,然后被一些新的概念转得云里雾里,然后就开始吐槽官方文档,

一.alert告警框 用法 .alert(message,title,btnvalue,callback[,type]); document.getElementById("noclick").addEventListener('tap', function() { mui.alert("欢迎使用Hello MUI", "Hello MUI","确定关闭", function() { mui.alert("你刚关闭了

在ios和安卓手机里的微信下播放视频时,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会跳出微信框,出现控制条,如果视频不是腾讯视频,播放完毕会出现腾讯视频的广告推送等问题 解决办法:给video标签加一些属性,调用h5原生video. <video id="videoALL" src="video/01.mp4" poster="images/1.jpg" /*视频封面*/ preload="auto" we

MUI是dcloud(数字天堂)公司旗下的一款跨平台开发移动APP的框架产品,在学习MUI框架之前,最先接触了Hbuilder代码编辑器,它带给我的第一感觉是快,这是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块等,大幅提升HTML .JS.css的开发效率.  01-初识MUI   MUI 有以下两大亮点: 一.轻量 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 二.原

已经好久没有更新技术博客了,因为最近一直在做跨平台web app应用的开发,由于是刚做这个,也没太多经验同大家分享,可我是一个闲不住的人,我还是决定于百忙之中抽空整理一篇,记录下开发历程......——前言 需求描述 可以选择日期,按月份分别查看应出勤数.已出勤数.迟到数.早退数,用特殊标记标出某天是迟到还是早退等等,选中某天,直接加载该天的所有考勤记录,看上去挺简单的功能,要我写js估计可以写到吐血,还好懂得拿来主义,网上找个开源的日历组件,然后进行改造.日历组件源码地址Calendar.js

原文地址:https://github.com/gnipbao/iblog/issues/11 随着 4G 的普遍以及 WiFi 的广泛使用,手机上的网速已经足够稳定和高速,以视频为主的 HTML5 也越来越普遍了,相比帧动画,视频的表现更加丰富,这里介绍一些实践经验 video的属性 <video id="video" src="video.mp4" controls = "true" poster="images.jpg&qu

webuploader在ie7下不能使用h5模式上传图片,只能使用flash模式. 但是出现了几个问题:(1)必须正确的引入.swf文件,才能使webuploader正常运行                                         (2)正常传输模式下,flash模式使用的md5不能上传太大的文件,(好像只能上传50k左右),所以要改成二进制流sendAsBinary的模式上传                                         (3)二进制上

前言 微信,微博,微商,QQ空间,大量的软件使用内嵌了H5,这个时候就需要了解Android如何更H5交互的了:有些外包公司,为了节约成本,采用Android内嵌H5模式开发,便于在IOS上直接复用页面,最终解决成本. 效果图: 还有其他4中情况,也可能会导致JS调用失败,一并总结如下: webView.getSettings().setJavaScriptEnable(true); 设置webView支持JavaScript webView.addJavascriptInterface(new