aui下拉刷新不显示刷新的图标

AUI 是Apicloud 的手机端UI第三方，需要引入Apicloud和AUI中的css样式和js框架

**首先：手机项目必须配置config.xml文件 Apicloud官网有详解

**

其次：程序会默认进入index.html页面，开始程序的加载显示

具体代码如下：

1、<meta charset="utf-8">和<meta http-equiv="content-type" content="text/htmlcharset="utf-8">

解释：在HTML5,他们是等价的。使用更短,更容易记住和类型。浏览器支持很好,因为它是设计用来向后兼容的。

2、<meta meta http-equiv="X-UA-Compatible" content="IE=edge">

详解： http://www.cnblogs.com/jinling/p/4719114.html

3、需要引入aui的css样式 在头文件中

例如：外联引入<link rel="stylesheet" type="text/css" href="../css/aui.css">

css 可以在head中引入 ：<style type="text/css">

4、修改aui中css的样式必须要!important

例如： .aui-iconfont {

font-size: 22px !important

}

5、设置手机的导航视图：使用盒子div包裹起来

例如：<div class="aui-bar aui-bar-nav aui-bar-warning" id="aui-header"></div>

aui-bar:头部的样式

aui-bar-nav：导航样式

aui-header：js使用

6、引入js框架，调用对应的js方法，获取页面元素位置和内容等，打开和关闭窗口

例如：<script type="text/javascript" src="./script/api.js">

apiready = function() ：和js中ready（）方法意思差不多，等html加载完执行该方法

api.parseTapmode() ：解析元素 tapmode 属性，优化点击事件处理 ，默认页面加载完成后，引擎会对 dom 里面的元素进行 tapmode 属性解析，若是之后用代码创建的 dom 元素，则需要调用该方法后 tapmode 属性才会生效

可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id

然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。

在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，option 标签里用 value 属性填写内容，label 属性来做提示。

下面是示例代码：

<form action="">

<input type="text" list="url_list" name="text" />

<input type="submit" />

</form>

<datalist id="url_list">

<option label="HZ赫兹工作室" value="http://weibo.com/hz421247910" />

<option label="提示1" value="列表项1" />

<option label="提示2" value="列表项2" />

<option label="" value="列表项3" />

</datalist>

HTML5之前一般使用select标签或者div+js实现

HTML(Hyper Text Makeup Lauguage)，中文名叫做超文本标记语言，是一种用来制作超文本文档的简单标记语言，所谓“超文本”就是页面内可以包含图片、链接，甚至音乐、程序、视频等非文字元素。

1999年，W3C发布了HTML4。在那个时代，广大网民们打开浏览器主要是为了看看新闻、发发邮件，HTML4完全能够满足他们的需求，因此在很长一段时间内，人们都认为HTML标准不需要更新了。但是随着电脑性能和网络带宽的不断升级，人们开始在网页上玩游戏、看视频，Abobe公司率先抓住了这个商机，将flash收入旗下，flash作为浏览器播放插件满足了用户在网页上玩网游看视频的需求，Abobe公司也从中攫取了大量的利润。

为了推动web标准化运动的发展，一些公司联合起来成立了WHATWG（互联网超文本应用技术工作组）。WHATWG致力于web表单和应用程序，而W3C（万维网联盟）专注于XHTML2.0。眼看着Adobe公司在web世界中风生水起，W3C的主席单位兼IT巨头Google和苹果首先坐不住了，一致决定，真的是时候开始做HTML5了。于是，2007年，W3C接纳了WHTAWG提出的web applications1.0，双方合作成立了新的HTML工作团队。自此，HTML5的故事正式开始了。

2.HTML5的成长

为了弥补HTML4的诸多不足，解决web浏览器之间的兼容性低、web应用程序受限、HTML文档结构不够明确等问题，HTML5做了不少改变。①语法的改变，例如DOCTYPE声明、指定字符编码等；②新增的元素，例如为了优化文档结构的header和footer、优化视频体验的video和audio、canvas等；③废除的元素，例如能使用CSS替代的center、front、s等、还有只有部分浏览器支持的元素；④新增的属性，比如表单相关的属性、链接相关的属性等；⑤新增了全局属性的概念

HTML5补充了流媒体和游戏能力之后，flash插件便不再一家独大了，再加上苹果强势拒绝在ios上引入flash，成功地遏制了flash的发展，浏览器市场开始重新洗牌的机会来了。乔布斯开始大力发展safari，Google也于2008年正式推出了chrome，IE瞬间成为了千夫所指的垄断代表。随着chrome和safari的高歌猛进，以及IE+flash的由盛转衰，HTML5的破垄断使命成功结束，进入了下一个时代——移动互联网。

HTML5作为唯一一个通吃PC、Mac、iPhone、iPad、Andriod、Windows等主流平台的语言，这样的跨平台优势在移动互联网时代被进一步凸显。此时人们纷纷开始研基于HTML5开发跨平台手机应用。很多人当时认为，原生应用只是过渡，就像当年从C/S结构转变为B/S结构一样，而且学习Objective-C和java很费劲，既然会网页开发，为什么不试一试HTML5呢？

W3C此时成立了Device API工作组，为HTML5扩展了camera、GPS等手机持有的API，然而麻烦的是，移动互联网的初期的迭代太快了，手机OS在不停地扩展硬件API，陀螺仪、距离感应器、气压计....每年手机OS都有大版本更新。而W3C作为一个数百家会员单位共同决策的组织，从标准草案的提出到达成一致是非常复杂的过程，跟不上移动互联网初期的快速迭代。

2012年，Facebook宣布放弃HTML5的新闻充斥了全世界的IT头条，HTML5瞬间被打入冷宫。当时的HTML5真的做不出好的移动App，HTML5应用的页面切换白屏、下拉刷新和侧滑菜单不流畅等众多问题让Facebook不得不放弃了HTML5，这一举动确实让很多工程师开始对HTML5失去了信心。但是，HTML5真的没有机会了吗？

2014年10月底，W3C宣布HTML5正式定稿。这个时间，不早不晚，正好赶上了手机硬件性能更强、手机OS迭代速度下降的时机。自此，一切纷争告一段落，属于HTML5的时代来了。

---