用mui框架开发手机app项目实践中的那些事儿
http://www.yilingsj.com/xwzj/2015-04-29/260.html
最近在玩mui框架,坑的我是:西湖的水,全都是眼泪!!!
公司的手机app要进行改版,我率先想到的是jquery mobile
,但是,我却放弃了jquery mobile
而选择了MUI
,现在还真有点小小小后悔。(注:关于jquery mobile做手机页面的心得以后有空再进行单独写文章进行分享。)
当我第一眼看到mui时,我就已经深深地喜欢上了她,界面简洁、清爽。如图: mui的功能也是比较多的,但还是跟jquery mobile有些区别。
由于是第一次接触这个mui,我是有多苦逼看官是可以相像的出的。对着官方的文档进行敲代码却不见效果(为了这个,我还到官方论坛发帖求解,感谢“@逆流而上”对我的帮助,后面会写一篇关于手机模拟器的文章。)!为何!?因为mui的环境问题!如果有看官使用过mui的话,直接在chrome上打开index.html
会发现有一个小提示,如图: 这就是我刚才说的:对照着官方文档敲代码都没效果的原因!有关mui的使用场景可点击官方的文档看说明,链接地址: ask.dcloud.net.cn/m/article/113
在“@逆流而上”的帮助下,我学会了用模拟器来时时查看代码效果,总算是可以摆脱之前的繁琐操作了。(注:之前的操作方法是:先将写好的app项目打包成apk,再上传到自己的空间,然后用手机下载下来安装,每修改一点打包一次。不得不说这个太坑了,还好有模拟器。)
说了这么多,忘记说这个mui怎么使用了。看官可以去官网下载个HBuilder
,安装后按下Ctrl+n
,选择移动app后勾选Hello mui
就可以了。动态演示图:
(注:现在的最新版本5.6已经修复了5.2中的一个小bug,这个是自己在使用过程中发现的。将一文件拖进
hbuilder中,想要编辑时右下角的搜狗输入法会不停闪烁以至于无法编辑,文件必需要出现在左侧项目管理器中才不会出现这种情况。由于这个原因,有好
几个月没有使用这个hbuilder了,这次做app才使用。)
公司的手机app主页图是这个样子的, 当时我想要的效果是mui中的侧滑。但是,mui中的侧滑暂不支持同一页面中添加多个侧滑,官方大大的回复是: 从回复中可以看出是支持不同方向的侧滑,但是这个显得有些鸡肋。不过还是要感谢大大的帮助,修改了js才实现这个效果。但在应用过程中我又有了新的问题,继续找大大抱大腿。
昨天抱了一天,在夜晚8点的时候终于抱上了,大大的回复: (注:详细问题请点击链接: http://ask.dcloud.net.cn/question/4919?notification_id-22625__rf-false__item_id-8261,8262 )再次感谢官方大大的技术支持。虽然现在mui的某些功能,例如我提到的这些功能暂时官方还未提供,但我相信在不久官方会进行提供的,那个时候再开发app就比现在要轻松很多了。可是现在,我还是要不停的继续抱大腿来解决我的需求。
今天继续写代码,用昨晚大大给的案例进行修改,又得进入苦逼模式了。唉......(局外人永远不会懂:一个小白折腾一项新技术,大量的问题无法得到及时解决,每前面一小步都在不停的浪费大量的时间是有多么的痛苦!!!)
用mui框架开发手机app项目实践中的那些事儿的更多相关文章
- MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
前 言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...
- MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前 言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
- MUI框架开发HTML5手机APP
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前 言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
- 使用mui框架开发App,当input获取焦点时,键盘弹出,底部导航栏上升。
转自 https://blog.csdn.net/elementFei/article/details/72917393 感谢 问题: 使用mui框架开发App,当input获取焦点时,键盘弹出,底部 ...
- 开发手机APP的神器 --- ionic
前 言 在如今的生活中,手机已经与我们的生活紧紧的联系在了一起.而手机APP更是其中,重要的一环.今天,影子就为大家介绍一种开发手机APP的超级神器---ionic. ioni ...
- 使用AndroidStudio运行eclipse开发的app项目
由于AS和eclipse开发的APP项目格式不同,所以直接用AS运行eclipse项目是行不通的. 下面给大家讲解一下如何在AS上成功运行eclipse项目 首先有这么个eclipse项目文件夹 然后 ...
- 自己动手开发手机APP控制西门子200smart 教程(原创干货)
自己动手开发手机APP控制西门子200smart 教程(原创干货) 自己动手开发手机APP控制西门子200smart 教程(原创干货) 2020-02-09 19:06:45 自己动手开发手机AP ...
- Spring Boot框架开发的Java项目在CentOS7上的部署
需求:上级拿来一份Spring Boot框架开发的Java项目代码让我在服务器上运行起来,只说了一句该框架是自带了Tomcat(不用重新安装Tomcat),一份代码下有两个项目(一个管理端项目,一个用 ...
- Vue项目实践中的功能实现与要点
本贴记录项目实践中,各种功能的实现与技术要点,均有待改进. 路由切换的时候,显示loading动画 目前方案是: 在每个页面都手动装载一个loading组件组件的显示依赖vuex里面的一个值 , 在r ...
随机推荐
- SD卡读写扇区注意事项(转)
源:http://blog.163.com/zhaojun_xf/blog/static/30050580201151410635516/ 在调试SD卡时,大家都喜欢使用扇区进行验证.也就是说,一般都 ...
- Java调用本地接口
先从一个经典例子说起,Java如何调用本地接口. 步骤如下: 1.创建HelloWorld.java class HelloWorld { static{ System.loadLibrary(&qu ...
- 可信执行环境(TEE)介绍
可信执行环境(TEE)是Global Platform(GP)提出的概念.针对移动设备的开放环境,安全问题也越来越受到关注,不仅仅是终端用户,还包括服务提供者,移动运营商,以及芯片厂商.TEE是与设备 ...
- 转:Selenium的延迟等待
Selenium的延迟等待分为 显式等待(Explicit Wait) & 隐式等待(Implicit Wait). 1.显式等待 显式等待,就是明确的要等到某个元素的出现或者是某个元素的可点 ...
- Eclipse开发Maven项目提示:程序包org.junit不存在解决方案
原因: 个人考虑产生此错误的原因是因为Eclipse中对于测试和开发的鉴定不明?Intellij中没有错误,因为Intellij对项目的管理就是同Maven结构的. 解决方案: 原来的junit的sc ...
- 谈谈java的BlockingQueue
http://www.cnblogs.com/archy_yu/archive/2013/04/19/3018479.html 博客园 首页 新随笔 联系 管理 随笔- 92 文章- 0 评论- ...
- 在js中如何得到上传文件的大小。
<html> <head> <script language="javascript"> function getSize() { ...
- JS——基础知识(二)
1.变量提升问题 <script> var num=10; fun(); function fun(){ console.log(num); var num=20; } </scri ...
- linux undelete
http://www.tldp.org/HOWTO/archived/Ext2fs-Undeletion-Dir-Struct/index.html http://www.giis.co.in/deb ...
- angularJS 系列(一)
angularJS 中 $scope 的原型 和 原型继承之间的细微差别是什么? 参考:http://stackoverflow.com/questions/14049480/what-are-the ...