您的位置首页生活快答

MUI框架

MUI框架

的有关信息介绍如下:

MUI框架

【固定栏靠前】所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素:常见组件包括:顶部导航栏(.mui-bar-nav)、底部工具条(.mui-bar-footer)、底部选项卡(.mui-bar-tav);

【一切内容都要包裹在mui-content中】除了固定栏之外,其他的内容都要包裹在.mui-content之中,否则就有可能被固定栏遮住,原因:固定栏基于fixed定位,不受流失布局限制,普通内容依然会从top:0px的位置开始布局,这样就会被固定栏遮住,mui-content内容部分,mui为解决这个问题,直接给mui-content定义了如下css代码;当然你也可以自己通过css代码进行定义实现效果,为了减少我们的代码量,使用起来简单,建议将除了固定栏之外的所有内容都放入mui-content之中

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

【页面跳转:抛弃href跳转】当浏览器加载一个新页面时,若页面DOM尚未渲染完毕,页面会先显示空白,然后等DOM渲染完毕后,再显示具体内容,这是WEB浏览器技术无法逾越的体验障碍;为解决这个问题,建议使用mui.openWindow方法打开一个新的webview,mui会自动监听新页面的loaded事件,若加载完毕,再自动显示新页面;

【点击:忘记click】快速响应是mobile App实现的重中之重,研究表明,当延迟超过100毫秒,用户就能感受到界面的卡顿,然而手机浏览器的click点击存在300毫秒延迟(至于为何会延迟,及300毫秒的来龙去脉,请自行谷百),mui为了解决这个问题,封装了tap事件,因此在任何点击的时候,请忘记click及onclick操作