mui d出菜单 选择后怎么关闭

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-content中

除了固定栏之外，其它内容都要包裹在.mui-content中，否则就有可能被固定栏遮罩，原因：固定栏基于Fixed定位，不受流式布局限制，普通内容依然会从top:0的位置开始布局，这样就会被固定栏遮罩，mui为了解决这个问题，定义了如下css代码：

[css] view plain copy.mui-bar-nav ~ .mui-content { padding-top: 44px }  .mui-bar-footer ~ .mui-content {  padding-bottom: 44px }  .mui-bar-tab ~ .mui-content {  padding-bottom: 50px }  你当然可以通过自定义CSS的方式实现如上类似效果，但为了使用简便，建议将除固定栏之外的所有内容，清团全部放在.mui-content中。

始终为button按钮添加type属性

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

窗口管理

页面初始化：必须执行mui.init方法

mui在页面初始化时，初始化了很多参数配置，比如：按键监听、手势监听等，因此mui页面都必须调用一次mui.init()方法；

页面跳转：抛弃href跳转

当浏览器加载一个新页面时，若页面DOM尚未渲染完毕，页面会先显示空白，然后等DOM渲染完毕后，再显示具体内容，这是WEB浏览器技术无法逾越的体验障碍；为解决这个问题，建议使用[mui.openWindow方法](http://dcloudio.github.io/mui/javascript/#openwindow)打开一个新的webview，mui会自动监听新页面的loaded事件，若加载完毕，再自动显示新页面；扩展阅读：

hello mui中的无等待窗体切换是如何实现的

提示HTML5的性能体验系列之一 避免切页白屏

页面关闭：勿重复监听backbutton

mui框架自动封装了页面关闭逻辑，若希望自定义返回逻辑（例如编辑页面的返回，需用户确认放弃草稿后再执行返回逻辑），则需要重写mui.back方法，切勿简单通过addEventListener添加backbutton监听，因为addEventListener只会增加新的执行程序，mui默认封装孝正轮的监听执行逻辑依然会继续执行，因此若仅addEventListener添加用户确认框，则用户即使选择了取消，也会继续关闭窗口。

手势 *** 作

点击：忘记click

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

[javascript] view plain copy

element.addEventListener('tap',function(){

//点击响应逻辑   })

Ubuntu 软件安装详解

“很实用的”

[图]首先感谢这篇文章的原作者，原文可以在这里找到。小F看了这篇文章后，感觉有些地方没有讲清楚，有些地方又有些太深了，还有少量瑕疵和纰漏，于是修改此文给Ubuntu的新手们。

写在前面：刚开始使用Ubuntu的用户时常有这样的问题,我要安装新软件怎么办?.exe文件在哪里,怎么软件有这么多格式?RPM包,.tar.gz是什么?怎么就是安装不了啊?等等等等。的确,在Windows下安装文件只需要双击即可,所以很多人在Ubuntu下觉得很不习惯。事实上,使用Ubuntu平台下的新立得软件包管理器安装大部分软件比在Windows平台下更加简单, *** 作更加容易.当然,也有很多软件Ubuntu的储藏库里面没有,而这些软件有着各式各样的格式,因而安装方法也都不一样.下面我就Ubuntu下安装软件的方法做一个详细的总结.

一.使用新立得软件包管理器安装程序.

新立得拥有一个友好的图形界面,你可以使用它安装大部分Ubuntu软件库里已有的程序.定位到系统-系统管理-新立得软件包管理器 启动,基于安全考虑,系统会提示你输入管理员密码.在这里,你可以搜索你需要安装的程序,标记后应用即可.

3步安装:搜索,标记,应用

1. 搜索你需要安装的程序.在新立得里面有成千上万种主题,应用程序,软件包,文档.所有的这些文件包都被存放在Ubuntu的服务器上供下载和升级.新立得相当于一个升级版的windows升轿物级工具,因为它除了可以升级系统文件之外,还可以通过它安装的非关键性程序.你可以在侧边栏的分类中查找软件.点击工具栏上的搜索图标进行搜索. 新立得

2. 找到需要安装的文件包后,右键点击标记.系统很有可能会提示你一些依赖程序将会同时被安装,幸运的是这些系统会自动为你解决.记住:你可以使用同样的步骤卸载程序(右键点击,选择卸载).你也可以一次标记多个安装包以节省时间.

3. 标记完毕所有需要安装的文件之后,点击应用图标.新立得会自动下载安装.

常见问题:

1.如果找不到我需要的文件怎么办?

其实这是很正常的.大概说来有以下3个原因:

* 新立得软件包管理器里面的所有文件包都来自源,但是除了默认的源之外还有很多非官方软件源.在你放弃安装之前尝试一下激活额外的源.关于源芹帆前的设置可以参考小F的这篇文章：http://www.ownlinux.cn/2008/08/28/ubuntu-804-hardy-lts-sources-list-setting/

* 如果你没有联网,这样的结果是肯定的.当然,你也许能够在安装CD上找到它,不过基本上这样的可能性比较小.

* 如果你在非官方源都无法找到该文件包,你还可以手动安装.但是记住,在Linux下有比你想象中多得多的安装包格式.这也是本文重点介绍的部分.

2.我已经安装了,但是我在哪里才能找到它呢?

通常情况下,应用程序菜单会自动升级以包含你安装的文件,但是有时也不会.还有种方法找到你新安装的程序.

在终端输入程序名.

比如说我通过新立得安装了Muine,然后可以通过在终端直接输入Muine,回车就可以启动它了.注意,这样 *** 作得话,程序会随着你关闭终端而自动关闭. 为避免这种情况发生,同时按下Alt+F2运行启动程序管理,输入muine启动.你还可以尝试键入程序名称的首字母后按两下Tab键.输入框会显示命令名称或者可供选择的命令列表.要知道程序的命令行名称可以按照一下步骤:

在新立得里面右键点击安装包,选择属性后进入”已安装文件”标签栏.这里显示的是已安装的程序列表,安装到/usr/bin文件夹的文件绝大多数情况就是该程序的命令名.

我该如何卸载这些程序呢.

当你要卸载一个程序时,和安装该程序的步骤一样,只是要选择”标记以便删除”,而不是”标记以便安装”.如果你想把配置文件一并删除,则可以选择”标记以便彻底删除”.

二.使用终端安装软件.

可能你会经常看到这样的话:你可以使用以下代码安装嫌清某某程序…然后在下面提供一段可以直接复制到终端的代码.你可能觉得这和新立得完全不同,而事实上,新立得同样在使用这样的代码,只不过给了一个友好的界面而已.

安装方法:

定位到应用程序–附件–终端,激活终端程序.

以下的两行代码是安装程序最常用的命令.

代码:

sudo apt-get install ABC 和 sudo aptitude install ABC

当然,上面的ABC只是虚构的软件.Sudo表示你授权管理员(超级用户)权限给下面的命令.这需要你输入管理员密码.这和你打开新立得的时候需要输入密码是一样的道理,只不过现在是在终端下而已.如果你直接输入sudo aptitude,你会看到一个类似于命令行版本的新立得软件包管理器.

你还可以像在新立得里面搜索软件一样使用命令行搜索.命令如下:

代码:

apt-cache search ABC或者aptitude search ABC

删除软件包命令:

代码:

sudo apt-get remove ABC和sudo aptitude remove ABC

同时删除配置文件:

代码:

sudo apt-get remove –purge ABC和sudo aptitude purge ABC

虽然命令行可能让很多Linux新用户感到害怕,但是正如你所看到的,它同样非常简单易用,而且和图形界面的新立得有很多共通之处.很多用户更喜欢在终端里安装软件,也有很多喜欢在新立得安装.你可以按自己的喜好选择.如果你决定在Ubuntu下常驻,那么还是多用用命令行吧.

下面是本文的重头戏:

三.手动安装软件包

你肯定无法在新立得里面找到自己需要的软件了?你试过激活更多的额外源么?如果你都常试过了都无法找到的话,那么我们就要使用你在Windows下经常使用的招数了.下载安装包然后手动安装.

1.安装Debian包(.deb)

其实你在新立得软件包管理器里面下载的所有软件都是Debian软件包.所以如果你在网上找到的程序有几种格式供下载的时候,最简单的就是下载Debian包.

安装方法:

1).让系统自动安装.

你只需要双击下载的Debian包,安装工具就会自动启动.点击”安装软件包”执行安装即可.如果有依赖软件需要安装或者软件源里有更新的版本可供安装,它会自动提示你.

2).使用dpkg命令.

我们假设你下载的软件包test.deb在主文件夹,那么安装命令就是:

sudo dpkg -i ~/test.deb

注意:使用此命令需要你自己注意依赖软件,所以这并不是安装软件的最佳方法.

2.安装rpm软件包(.rpm)

RPM是另外一个流行的软件打包方式,它在很多流行的Linux发行版如Fedora,SUSE,Mandriva等上应用得非常广泛.它并没有被Ubuntu的软件包管理器所采用,但是有一个命令能够将其转化为Deb格式,尽管如此,这并不代表所有的RPM包都能在你的系统上正常运行.同样的软件可以直接安装RPM包,这个包叫做alien,你可以在新立得(当然命令行也可以)里面下载安装它:

sudo apt-get install alien

那么,RPM的安装方法:

如果需要安装放在主文件夹的名叫test.rpm的软件包,只需要在终端中输入

sudo alien -i ~/test.rpm

3.安装桌面主题(.tar, .tar.gz, .tgz, .tar.bz, …)

在Gnome下安装桌面主题非常简单.定位到 系统–首选项–主题 打开主题管理器.使用这个应用程序你可以更改图标,控件,窗口边框等.下载主题包后只需要将其拖拽到主题管理器窗口即可安装.（更多的Compiz和Emerald相关主题的介绍待续）

4.启动画面主题.(.tar, .tar.gz, .tgz, .tar.bz, …)

这个和安装桌面主题一样简单.定位到系统–系统管理–登录窗口 打开登录窗口首选项.拖拽下载的主题到这个窗口,在d出对话框中点击确认即可.

介绍两个比较火的Gnome主题网站:

Gnome-Look http://www.gnome-look.org/

Gnome Art http://art.gnome.org/

5.源码包 (.tar, .tar.gz, .tgz, .tar.bz, …)

注:并不是所有以.tar ,.tar.gz等为扩展名的文件都是源码压缩包,它们也有可能已经被编译过了,压缩包里面会有一个安装程序(Installer)或者扩展名为bin的可执行文件.比如Mozilla官方网站上的Firefox压缩包,Flock压缩包等.这时你需要做的只是为它们制作一个快捷方式就可以了.

---