讨论mui 的 mui.init 与 mui.plusReady

先来看一段代码 (function(m, doc) { mui.plusReady(function(){ var self = plus.webview.currentWebview(); oltid = self.oltid; oltmac = self.oltmac; mui.init({ subpages:[{ url:'sub_onu_list.html', id:'sub_onu', styles:{ top: '40px', bottom: '0px', }, extras:{ o…

mui.init()和mui.plusReady()

1.每个用到mui的页面都调用下mui.init.2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. HTML5+扩展api是针对手机APP的,只有才手机应用(比如手机浏览器)中才嵌入,因此在windows浏览器中无法获取H5+对象.plusReady和ready都是mui封装的方法,在windows中会运行mui.plusReady(),但是无法获取H5+对象(如plus对象);运行mui.ready();能获取MUI对象. ready代表Domco…

mui 每次页面跳转用mui.openWindow会不会占用很大内存？

http://ask.dcloud.net.cn/question/5384 不能每次用mui.openWindow.不用的webview要close,一个webview被close后会露出其他没有被close的webview.跳转页面要用plus.webview.show方法,新开重复的webview当然是多消耗内存的.具体参考 http://www.html5plus.org/doc/zh_cn/webview.html mui里与webview相关的部分,只是对plus.webview的常…

mui|mui.plusReady里面的函数不执行？？

无论是在本地的浏览器还是在iPhone上真机运行都出现奇怪的错误,比如说子页面样式成为乱码,无法跳转子页面等等,一开始并没有意识到是mui.plusReady的问题,后来调试时发现是plusReady里面的函数都没有执行.获取解决方法可以直接看1-和2-. 1- 可以先排查新手容易犯但同时也容易解决的问题: 1.该项目是否为移动端,如果是网页端则不需要用到plusReady,可以直接用ready 2.是否在真机上运行(因为大部分人会在本地浏览器上调试页面,而plusReady在浏览器上不执行)…

mui init 出现无法引入子页面问题

1. 检查项目中是否重复出现了 mui.init() 函数; mui.init({ subpages: [{ styles: { // top: "44px", top: "144px", bottom: 0, }, id: "list", url: "./views/list.html" }] });…

mui

MUI + SDK 使用笔记: MUI是什么:http://ask.dcloud.net.cn/article/91 /* MUI 使用说明: * * 1.每个用到mui的页面都调用下mui.init. * 2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. */ '''[MUI开发注意事项]----------------------------------------------------------------------------------- …

mui实现自动登录

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title&…

HBuilder开发App教程04-最难搞定的是mui

前言前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的, 花一点时间研究下mui,对你之后开发app有很大的帮助. 网址教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档, 附地址:http://dcloudio.github.io/mui/ init mui封装了很多常用的页面方法,都需要在init中设置,例如: 1.和上拉加载,下…

mui开发app之多图压缩与上传（仿qq空间说说发表）

欲实现效果图提出需求点: 用户可自由添加删除替换多张图片,并且显示相应缩略图,限制为8张用户可选择压缩图或直接上传原图功能返回提醒用户会丢失填写的信息下面一个个实现上述需求,从简单到复杂: 需求3: 用户返回弹出提示框,使用mui.confirm如下: var oldBack = mui.back; mui.back=function(e){ mui.confirm("尚未提交,返回后将会丢失填写内容物,是否返回?","返回确认",['返回','取消'],f…

mui开发app之cropper裁剪后上传头像的实现

在大多数app项目中,都需要对用户头像的上传,之前做web开发的时候,我主要是通过input type=file的标签实现的,上传后,使用php对图片进行裁剪,这种方式比较传统简单. 此次app开发中需要做到用户选择本地相册或者进行拍照->对照片进行裁剪->最后同时更新本地头像和服务器端的图片.(app常见套路) 我将要结合:mui,cropper,jquery开发! 实现思路: 1.用户点击头像,打开actionsheet 2.选择图片或者拍照后返回的图片绝对地址传入单独的裁剪页面,跳转到裁…

MUI开发记录

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~ HUuilder使用安卓模拟器安卓模拟器有很多,我这里以夜神模拟器为例.使用安卓夜神模拟器来运行手机app的时候,先要配置HUuilder,配置方式:HBuilder的工具-->选项-->运行-->设置Web服务器-->HBuilder-->第三方Android模拟器端口:将此处的端口改为62001.因为夜神模拟器的端口就是62001. H…

跨平台移动端APP开发---简单高效的MUI框架

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

MUI框架开发HTML5手机APP(一)--搭建第一个手机APP

前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~ 一. 移动APP项目搭建由于我们的H5编写的都是一个个网页,需要使用浏览器打开才能使用,这显然不是APP的使用方式. 那么我们才能将一个手机网站,封装成一个APP呢? 时下热门的Cordova.Phon…

mui点击加载，下拉刷新，上下整合代码

mui点击加载,下拉刷新,上下整合代码 mui的是上拉加载,但是老大说要做成点击加载,所以就改了一些代码应该是有些问题的,测到了大家就自己改下. 首先要说明的是,有下拉刷新的页面一定要是双webview形式不然就会出现下拉把上一个窗口的页面给拉出来的情况父view:messages.html <!DOCTYPE html> <html> <head> <head> <meta charset="utf-8"> <m…

MUI开发大全

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~,写代码时HBuilder和VS混用,HBuilder的快捷键和代码提示以及真机调试方便,但是错误提示和代码格式化是硬伤,VS的前端报错提示很智能,代码格式化很顺畅,将二者的优点集合起来.现在在用MUI做app开发, 就把工作中用到的以及遇到的坑都一一记录下来,待项目完工,再回过头来看一下...... 相关学习资料网址 MUI文档:http://dev.dclou…

springboot+layui实现PC端用户的增删改查 & 整合mui实现app端的自动登录和用户的上拉加载 & HBuilder打包app并在手机端下载安装

springboot整合web开发的各个组件在前面已经有详细的介绍,下面是用springboot整合layui实现了基本的增删改查. 同时在学习mui开发app,也就用mui实现了一个简单的自动登录和用户列表上拉刷新的app. 下面是自己实现前的思路: 1. web端实现用户的增删改查,SSM实现. Spring + SpringMVC +Mybatis + PageHelper 表主要有两个user表和token表. user表就是基本的信息(ID.username.password.user…

MUI框架的缩写输入

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…

mui 总结

出框框 js内容 mui(".mui-popover").popover('toggle'); 点击“弹出框框”就会弹出这个有class="mui-popover"的窗口,点除了窗口的其他位置就隐藏,注意这个窗口一定要写在header之外此外,mui(".classname").popover("hide");隐藏classname的内容 mui(".classname").…

mui 引导页

引导页制作 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title><…

mui学习

改变状态栏的颜色 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <script type="text/javascript" charset="utf-8&qu…

Mui --- app与服务器之间的交互原理、mui ajax使用

1.APP与服务器之间的交互原理 app端(客户端)与服务端的交互其实理解起来和容易,客户端想服务器端发送请求,服务器端进行数据运算后返回最终结果.结果可以是多种格式: 1.text 文本格式 2.xml 格式 3.json 格式 2.什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. JSON 语法规则: 数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组简单的例子: {name:'小明', age:'18'} 3.使…

mui笔记

1.关闭当前页面执行上一个页面的方法 var preview = plus.webview.currentWebview().opener() //获取当前窗口的创建者,即A preview.evalJS("preference.refreshAttensionInfo('author')") //执行父窗口中的方法 A中的showAG方法 plus.webview.currentWebview().close() 2.长按和释放 // 语音长按 document.getElemen…

Mui --- 学习笔记

1.mui 是选择器,popover 控制显示与隐藏,toggle 自动控制显示或隐藏 function showMenu(){ //mui是选择器 mui('#menu').popover('toggle'); } <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport&qu…

MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)

出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~ 一. 移动APP项目搭建由于我们的H5编写的都是一个个网页,需要使用浏览器打开才能使用,这显然不是APP…

MUI框架-02-注意事项-适用场景-实现页面间传值

MUI框架-02-注意事项-适用场景-实现页面间传值关于开发,我拷贝太多也没什么意义,就请查阅:官方文档:http://dev.dcloud.net.cn/mui/ui/ 快速入门 - 注意事项有些可能看不懂,这样排是为了可以做 MUI 开发的时候,养成良好的习惯,避免不必要的错误 DOM 结构: 关于 mui 页面的 dom,你需要知道如下规则固定栏靠前: 所谓的固定栏,也就是带有.mui-bar 属性的节点,都是基于 fixed 定位的元素: 常见组件包括:顶部导航栏(.mui-bar…

mui初探笔记

/* MUI 使用说明: * * 1.每个用到mui的页面都调用下mui.init. * 2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. */ '''[MUI开发注意事项]----------------------------------------------------------------------------------- //1.[固定栏靠前] 所谓的固定栏:也就是带有.mui-bar属性的节点 (.mui-bar-nav) (.mui-bar-foo…

mui webview操作

HBuilder的webview操作 webviewAPI文档:http://www.html5plus.org/doc/zh_cn/webview.html 创建新的webview窗口: WebviewObject plus.webview.create( url, id, styles, extras ); 说明:创建Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后需要调用show方法才能将Webview窗口显示出来. 显示Webvie…

mui ajax方法

mui ajax方法详解: mui提供了mui.ajax,在此基础上有分装出mui.get()/mui.getJSON()/mui.post()三个方法. mui.ajax( url [,settings] ) mui.ajax( url [,settings] ) url Type: String 请求发送的目标地址 settings Type: PlainObject key/value格式的json对象,用来配置ajax请求参数,支持的完整参数参考如下mui.ajax([settings]…

mui使用技巧

1.document.addEventListener('plusready', function(){ //console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined." }); 2. 所有的内容应该写在 #mui-content 的部分,不然会出现错位,因为mui的框架自身带有一些header的position 3.mui的脚本写前一定先初始化: 例如: mui.init({ gestureConfig:{ tap: tru…

mui 选项卡

方法一:通过css 实现选项卡 <div id="slider" class="mui-slider"> <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bg-w"> <a class="mui-control…

【讨论mui 的 mui.init 与 mui.plusReady】的更多相关文章