MUI-基础01
2016-03-18 22:53
246 查看
如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的,
花一点时间研究下mui,对你之后开发app有很大的帮助。
教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档,
附地址:http://dcloudio.github.io/mui/
mui封装了很多常用的页面方法,都需要在init中设置,例如:
要想实现上拉加载和下拉刷新,必须使用子页面的方式,需要在init中设置。
长按事件,后退事件,菜单事件,最好在init中设置,
所有的nativejs方法最好都放到等待加载完成后调用,
也就是:
如果不放到等待nativejs加载完成就执行,那么就会报错。
与传统页面不同,所有的手势点击操作都请使用tap,而非click,
这样你的app会有更好的体验。
用html做app,不可避免的是页面间传值,
比较推荐的方法有两种:
在页面用mui.fire激活自定义事件:
在目标页监听自定义事件:
这种方法不做推荐,但是偶尔也可以使用,
切不可所有传值都用evaljs传值,
在页面调用目标页方法:
在目标页面定义相应方法:
如果你想自定义app的样式,
很简单只需要定义css样式就好了。
推荐使用css class覆盖原生class的方法自定app样式。
本文虽短,但是很重要,
当你遇到疑难问题,开发不下去的时候,
请回过头来看看是否遵循以上规则,
90%的问题可以迎刃而解。
官网:http://uikoo9.com/dishi
源码:https://github.com/uikoo9/dishi
花一点时间研究下mui,对你之后开发app有很大的帮助。
网址
教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档,附地址:http://dcloudio.github.io/mui/
init
mui封装了很多常用的页面方法,都需要在init中设置,例如:
1.和上拉加载,下拉刷新配套的加载子页面
2.手势事件和默认事件
长按事件,后退事件,菜单事件,最好在init中设置,
等待加载完成
所有的nativejs方法最好都放到等待加载完成后调用,也就是:
使用tap而非click
与传统页面不同,所有的手势点击操作都请使用tap,而非click,这样你的app会有更好的体验。
页面间传值
用html做app,不可避免的是页面间传值,比较推荐的方法有两种:
1.自定义事件传值
在页面用mui.fire激活自定义事件:
2.evaljs传值
这种方法不做推荐,但是偶尔也可以使用,切不可所有传值都用evaljs传值,
在页面调用目标页方法:
自定义样式
如果你想自定义app的样式,很简单只需要定义css样式就好了。
推荐使用css class覆盖原生class的方法自定app样式。
结语
本文虽短,但是很重要,当你遇到疑难问题,开发不下去的时候,
请回过头来看看是否遵循以上规则,
90%的问题可以迎刃而解。
滴石
官网:http://uikoo9.com/dishi源码:https://github.com/uikoo9/dishi
相关文章推荐
- JUnit 3.8 让所有测试程序 实现 复合的测试(TestSuite)
- bzoj 2037: [Sdoi2008]Sue的小球
- MUI-几种页面打开方式
- UESTC758(贪心)
- UIToolBar
- Java中1000==1000为false而100==100为true
- UISearchBar
- UITableView左滑设置更多的按钮
- 第62课:Spark SQL下的Parquet使用最佳实践和代码实战
- IOS 欢迎页(UIScrollView,UIPageControl)
- UI进阶——多线程
- PHP中require、include的区别
- UIView 中position 和anchorPoint 的了解 iOS
- ue4 常见问题解答
- UVA 1423 Guess 拓扑排序
- 交换排序—快速排序(Quick Sort)
- DEPENDENT SUBQUERY标记
- leetcode 232. Implement Queue using Stacks
- [扫描线 线段树 暴力] BZOJ 4059 [Cerc2012]Non-boring sequences
- GUI学习