废话几句：接触web前端也有快1年半了，本职是dot Net 一枚，由于公司发展需要，被迫学习web前端相关，初入计算机也是接触的网页设计制作，觉得做前端给我不是压力很大，本身也是后端开发，在前端js、css也不是很吃力，web前端框架我掌握的是jQuery、EXTJS4皮毛、jQuery EasyUI 也做过7个项目了吧，感觉还可以，再就是自己设计自己的核心脚本库，现在所发展的前端不光在PC端，还有移动平台上，包括一些HTML5 CSS 等，android也简单做过“hello world”的程序，在书上看过介绍jQM（jQuery Mobile）的一些介绍，善于开发HTML5 CSS3的移动webAPP程式！
从今天开始我将把自己的学习曲线介绍给大家，也给自己学习记录一些有用的资料吧，若干年后回来看看还是很好的，知道我研究学习过这个技术，1年前学习EXTJS4 MVC开发我都没有记录，很可惜，以后我会记录在技术博客的。
==================================================================================
1、jQuery Mobile 的环境部署
1、首先要获取jQM的相关样式文件、图片、脚本库。打开
jQuery Mobile 官网，下载最新的开发包（当前最新的是：
JQUERY MOBILE 1.3.1 RELEASED!）官网还自带可视化设计工具。
2、得到开发包后，有相关文件不多说了。注意的是，jQM不自带jQuery框架，需要自行去官网下载jQuery1.9.1即可。
3、也可以使用官网支持的CDN加速的。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>4、相关引用页面代码贴上，以及实例“Hello World”
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>jQuery Mobile 模版</title>
<link rel="stylesheet" href="./jMobile/jquery.mobile-1.3.1.min.css" />
<script src="./jMobile/jquery-1.9.1.min.js"></script>
<script src="./jMobile/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div id="home" data-role="page">
<div data-role="header">
<h1>jQM模版页面</h1>
</div>
<div data-role="content">
<p>Hello World !</p>
</div>
<div data-role="footer">
<h4>Copyright © 2001-2013 Kvkens</h4>
</div>
</div>
</body>
</html>
jQM 页面分为3个部分，分别是“头”，“躯干”，“脚”，和传统的页面设计大概类似形式的不同。
模版页面是我的基本的组成部分，陆续相关属性我会在后面章节介绍的！
5、PC Chrome和iOS Safari的效果截图：
5、PC Chrome和iOS Safari的效果截图：
1514
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
