appframework基础 : 一、介绍
谷梁驰
jqmobi，也就是被intel收购后的appframework。可以看做是jquerymobile的一个升级版。解决了诸如jqm中转场时候的闪屏等问题，本身是在jquery基础上“精简”的版本（只针对moblie，删除了大部分browser相关的东东），所以对于熟悉juqery的前端开发人员来说更容易上手。
基本的代码结构:
<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link href="css/icons.css" rel="stylesheet" type="text/css"></link>
<link href="css/af.ui.css" rel="stylesheet" type="text/css"></link>
<script src="js/appframework.js"></script>
<script src="js/ui/appframework.ui.min.js"></script>
</head>
<body>
<div id="afui" class="af">
<div id="header">
<h1>Hello World</h1><!-- 此处必须包含在H1标签中才会可以被当做header显示 -->
<a id="A3" href="javascript:;" class="button" >返回</a>
</div>
<div id="content">
<div class="panel" title="Main" data-nav="nav_0" id="page_0" selected="selected" data-appbuilder-object="page"></div>
</div>
<div id="navbar">
<a href="#page_0" class="icon home">Home</a>
</div>
</div>
</body>
</html>
类似资料：