首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

关于mui开发App中fire事件的使用

想解决的问题 你是不是想在混合开发中子页面返回父页面中触发父页面的事件 首先你得对mui开发混合app有所了解,然后你就会知道,其实坑特别多 先创建一个H5+APP就是下面这样样子 然后就按照你一般的操作新建一个...设计的原型图完美的去实现这个页面下面就是我实现的页面 然后重点来了,打开页面并返回当前页面并且触发事件,最好是采用下面这种 方式,记住id很重要,一定记得要写 mui.openWindow...id: "index.html" }) 然后下一个页面很重要了哈,如果当你需要关闭当前页面返回上一个页面并且想触发事件的话,请看过来 首先你得对mui.back...() 进行重定义下面就是方法 列表内容 let old_back = mui.back; var backk = function() { old_back(); return true...index.html”); var backk = function() { let twebc = plus.webview.getWebviewById("index.html"); mui.fire

87140

跨平台移动APP开发进阶(三):hbuilder+mui mobile app 开发心酸路

1.问题描述:在实现图片轮转时,若将 mui("#slider").slider({ interval: 5000 }); </script...并获取其id 解决措施: //on中参数的含义依次为事件、选择器、参数、方法,其中选择器与参数为可选项 mui(‘.mui-content’).on(‘tap’,‘body’,function(){...alert(this.id);// (根据id判断是哪一个button) }) 总结:mui中的方法都是封装的jquery,所以自己还得从jquery着手,因为好多方法不会用,不知道参数的含义。...Mui能够做到吗? 解决措施:使用webview模式选项卡。何谓webview模式?...如下图: 感触:其实很多问题都可以从Hello mui demo 中得到答案。自己要经常操作以求更加熟悉。 6.问题描述:见下 解决措施:见上。

3.1K30

跨平台移动APP开发进阶(二):HTML5+、mui开发移动app教程

序 通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范。...注:使用 HTML5+开发的移动App 并非mobileweb页面。这是新手最容易混淆的地方。...不谈phonegap,不适用国内国情,是的,你没有看错,这是一个开发的ide,其实就是对eclipse进行了深度定制。 特点是快捷键比较多,支持移动app开发(h5+方式)。...Mui:这个是推荐的,比较了jqmobile和mui,显然mui效果样式好点,估计也会有坑,但是支持国产吧。 下面通过一个简单的例子,讲解如何创建开发。...选择模版 这里选择mui项目,会自动引入mui的js和css,如下: 文件结构 默认有以下几个文件夹:css,fonts,js,如下: 简单开发 header 打开index.html后在body内输入

4.2K21

跨平台移动APP开发进阶(一):mui开发注意事项

mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验;这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文;想了解mui更详细的信息,请访问mui官网。...DOM结构 关于mui页面的dom,你需要知道如下规则: 固定栏靠前 所谓的固定栏,也就是带有.mui-bar(类选择器)属性的节点,都是基于fixed定位的元素;常见组件包括:顶部导航栏(.mui-bar-nav...)、底部工具条(.mui-bar-footer)、底部选项卡(.mui-bar-tab);这些元素使用时需遵循一个规则:放在mui-content元素之前,即使是底部工具条和底部选项卡,也要放在.mui-content...窗口管理 页面初始化:必须执行mui.init方法 mui在页面初始化时,初始化了很多参数配置,比如:按键监听、手势监听等,因此mui页面都必须调用一次mui.init()方法; 页面跳转:抛弃href...手势操作 点击:忘记click 快速响应是mobile App实现的重中之重,研究表明,当延迟超过100毫秒,用户就能感受到界面的卡顿,然而手机浏览器的click点击存在300毫秒延迟(至于为何会延迟,

1.3K20

MUI进行APP混合开发实现下拉刷新和上拉加载 原创

首先,我们的环境是使用HBuilder通过MUI开发APP,这种混合开发适合安卓和苹果两个平台,本次我们给大家写的代码是把上拉加载和下拉刷新单独分离开,一起来学习下。...--下拉刷新容器-- <div id="pullrefresh" class="<em>mui</em>-content <em>mui</em>-scroll-wrapper" <div class="<em>mui</em>-scroll"...--数据列表-- <ul class="<em>mui</em>-table-view <em>mui</em>-table-view-chevron" <li class="<em>mui</em>-table-view-cell..." 1</li </ul </div </div 第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数 mui.init({ pullRefresh...容器 } 以上就是关于下拉刷新的MUI写法以及相关的function 函数,下面来看看下拉加载: 第一步,第二步 和下拉刷新的一样 第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数

1.1K10

MUI、H5+开发技术总结

基于MUI、H5+这一套技术开发APP,曾经写了几篇相关文章关注的人还真不少,以至于我总感觉现在开发H5比原生的更火热。今天就来分析下,算是以往的一个学习总结。...结论: 只要会前端开发就能开发APP了,对于没有原生开发能力,对于一些简单的、不那么复杂的应用或者没那么高要求的标准可以用MUI,因为上手简单,开发速度快、成本低。...未来: 我们使用MUI、H5+开发APP主要为了简单方便快速,我们的APP复杂度也没那么高,同时因为我们的客户不确定有时要iOS的、有时要Android的,我们的队伍原生人少,前端多。...我个人使用MUI主要开发Android,因为我自己做了个小项目(dctt前面文章有介绍),单独在Android上我认为效果还是可以的。...相关介绍 H5开发移动端APP基于H5+ https://www.jianshu.com/p/8e7e8312f93d

1.5K20

mui.init()与mui.plusReady()区别和关系

但是官方有又说法: 页面初始化:必须执行mui.init方法 mui在页面初始化时,初始化了很多参数配置,比如:按键监听、手势监听等,因此mui页面都必须调用一次mui.init()方法; 在app...开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady...初学mui会发现大量的demo中,都需要调用mui.init()和mui.plusReady(),可见这两东西在app开发中的重要性 首先请注意一点,如果不是做app开发(非hbuilder基座运行),...无论做wap网页,还是app开发,只要需要用到mui框架,都需要mui.init初始化框架功能,而plusready仅仅在app开发中使用 mui个人习惯: 每个用到mui的页面都调用下mui.init...,直接放在js最前方 除了function定义函数之外,全都写在plusReady之中,function调用也放在其中,毕竟做app开发调用html5+api十分的频繁,就像jq的$(document

1.8K10

移动app开发流程,app开发步骤

个人github:https://github.com/qiilee 欢迎follow 移动app开发流程,app开发步骤 app是手机软件的简称。...一款好的app需要哪些步骤? 移动应用开发步骤1. 规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4....功能开发: 产品经理协同主工程师,基于APP界面设计方案,形成程序架构设计方案,并有工程师团队进行开发,完成产品设计。...经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询 开发app项目的步骤 据北京APP开发公司东方爱智总结得出:一个完整的app开发过程要经过合同的签订→项目启动→建立产品原型...这就是一个完整的app开发过程 App开发是一个不断和客户沟通和推敲的过程。首先,如果要做一款app,必须要前期进行沟通,初步表明此款app要实现的效果,属于哪个类型的app

3.2K20
领券