Mui笔记

1、注意事项

1.固定栏靠前,带有.mui-bar属性的节点,固定栏都是基于fixed定位的元素;常见组件包括:顶部导航栏(.mui-bar-nav)、底部工具条(.mui-bar-footer)、底部选项卡(.mui-bar-tab),固定栏要放在.mui-content元素以前。css

2.除固定栏以外的一切内容都要包括在.mui-content元素中,不然就会被固定栏遮罩。防止.mui-content被固定栏遮挡,须要定义css代码:git

.mui-bar-nav~.mui-content{padding-top:44px;}github

.mui-bar-footer~.mui-content{padding-bottom:44px;}web

.mui-bar-tab~.mui-content{padding-bottom:50px;}框架

3.始终为button按钮添加type属性,默认type=submit逻辑处理,这样若将没有type的button放在form表单中,点击按钮就会执行form表单提交,页面就会刷新,用户体验极差。工具

2、窗口管理

1.页面初始化:必须执行mui.init方法;由于mui在页面初始化时,初始化了不少参数配置(按键监听、手势监听等)。ui

2.页面跳转:抛弃href跳转;若页面DOM还没有渲染完毕,页面会先显示空白,因此使用mui.openWindow方法打开一个新的webview,mui会自动监听新页面的loaded事件,加载完毕,再自动显示新页面,提升了用户体验;.net

3.页面关闭:勿重复监听backbutton;mui框架自动封装了页面关闭逻辑,若但愿自定义返回逻辑,则须要重写mui.back方法,切勿经过addEventListener添加backbutton监听,由于addEventListener只会增长新的执行程序。orm

3、手势操做

1.mui中的点击事件代码:element.addEventListener('tap',function(){//点击响应逻辑});这样解决了300毫秒的延时。事件

4、mui框架中页面间传值

1.页面初始化时,经过extras配置参数,设置页面参数,从而实现页面间传值;

会进行页面初始化的状况:

- 经过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的extras参数无效);

- 经过mui.init()方法建立子页面;

- 经过mui.init()方法预加载页面;

- 经过mui.preload()方法预加载页面

2.页面已建立,经过自定义事件传值。

相关文章
相关标签/搜索