HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间：移动端的IE、Chrome、FireFox、Safari，亦或是新出现的浏览器，谁能达到在移动端对HTML5更好的支持，谁就能在以后的移动应用领域占据更多的市场。

现在我们怎么装APP

有了HTML5以后怎么装APP

更灵活、更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一。

下面列举HTML5适合移动应用开发的几大特性：

1.离线缓存为HTML5开发移动应用提供了基础

HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。

同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。

在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必须是下载完离线缓存才能使用。

形象点说，cookie就是存了电话和菜单，想吃什么要叫外卖，等多长时间才能吃到就得看交通情况了；离线缓存就是直接在冰箱里存了食物，想吃就能马上吃到（当然，想吃最新的食物同样可以打电话预定）。

设计师要知道，什么时候让用户下载离线缓存（注意在线和离线app的区别）。

2.音频视频自由嵌入，多媒体形式更为灵活

原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。

HTML5在这个方面完全不受限制，可以完全放在一起进行处理。

设计师要知道，如果新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排，而不用专门嵌入webview，将是一件多美好的事情，至少现在原生方式实现起来还有困难。

3.地理定位，随时随地分享位置

充分发挥移动设备对定位上的优势，推动LBS应用发展。

可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。

地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。

设计师要知道，现在嵌入LBS功能的应用越来越多，这也是移动设备与台式PC相比最大的优势之一，HTML5能把这个优势再度扩大化，好好想想怎么在你设计的应用里用上吧！

4.Canvas绘图，提升移动平台的绘图能力

使用Canvas API可以简单绘制热点图收集用户体验资料

支持图片的移动、旋转、缩放等常规编辑

Canvas – 2D的绘图功能支持

Canvas 3D – 3D的绘图功能支持

SVG – 向量图支援

设计师要知道，图片的移动、旋转、缩放？那都太基础了，自己画都是小case，至于怎么用，好好想想吧！

5.专为移动平台定制的表单元素

浏览器中出现的html5表单元素与对应的键盘：

只需要简单的声明 <input type=”email”> 即可完成对不同样式键盘的调用，简捷方便。

设计师要知道，用的时候记得告诉研发同事一声！

6.丰富的交互方式支持

提升互动能力：拖拽、撤销历史操作、文本选择等

Transition – 组件的移动效果

Transform – 组件的变形效果

Animation – 将移动和变形加入动画支持

设计师要知道，HTML5提供的交互方式是非常丰富的，至于用不用得上，那是你自己的事儿喽！

7.HTML5使用上的优势

更低的开发及维护成本；

使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；

方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。

设计师要知道，用户想要什么，HTML5能提供给用户什么。

8.CSS3 视觉设计师的辅助利器

CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。

Selector – 更有弹性的选择器

Webfonts – 嵌入式字体

Layout – 多样化的排版选择

Stlying radius gradient shadow – 圆角、渐变、阴影

Border background – 边框的背景支持

使用CSS3来完成部分视觉工作，载入速度快，节省代码及图片，也为用户节约了带宽。

设计师要知道，一个界面里几十张素材图的方式已经太out啦，赶快让CSS3帮你偷懒。

9.实时通讯

以往网站由于HTTP协议以及浏览器的设计，实时的互动性相当的受限，只能使用一些技巧来「仿真」实时的通讯效果，但HTML5提供了完善的实时通讯支持。

设计师要知道，应用中嵌入实时通信、信息内容进行实时提醒，HTML5可以帮你实现。

10.档案以及硬件支持

不知道大家有没有发现，在Gmail等新的网页程序当中，已经可以透过拖拉的方式将档案作为邮件附件？这就是HTML5档案的功能中的Drag’n Drop和File API。

设计师要知道，移动应用中对于数据传输的需求越来越大，传统的路径选择方式太过于繁琐，快来试试HTML5的拖拽上传功能吧！

11.语意化

语意化的网络是可以让计算机能够更加理解网页的内容，对于像是搜索引擎的优化（SEO）或是推荐系统可以有很大的帮助。

设计师要知道，HTML5能让搜索更快速、更准确。

12.双平台融合的app开发方式，提高工作效率

依照目前iPhone/Android 迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C + CocoaTouch Framework 撰写iPhone/iPad 应用程式，就是选择Java + Android Framework 撰写Android 应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。

使用HTML5, CSS3 来撰写Web-based  的应用程式，若要同时支援iPhone 及Android，几乎只需要维护一份程式码（少部份要因应clients 作修改），而且未来若有其它行动装置拥有支援HTML5 的浏览器，那同样的WebApp 直接就多了一个支援平台。

Google 的系列服务使用了不少HTML5 中的cache、storage 及database 规格来做到离线存取程式的效果。因为比起桌面应用程式，行动装置的网路连线更不稳定，而且有时在移动中并无网路可以使用，透过这些技术才能让使用者即使在无网路环境下继续使用你的webapp。这说明html5主要服务对象还是给予web的应用，并不会对全部app开发造成威胁，这样有利于不同类型应用使用不同的开发方式，灵活性更强。

关于HTML5，设计师要知道些神马

对于设计师，了解HTML5并不是要学会写代码，而是要知道HTML5有什么特性，能实现什么效果，以便在设计过程中熟练应用。

除此之外，需要知道哪些产品适合使用HTML5进行开发，哪些适合使用原生方式进行开发，毕竟最快、最方便的开发方式是最好的。

再进一步，原生&HTML5的符合开发方式会逐步成为潮流，哪个部分最适合使用HTML5进行开发，也应该能够分辨出来。

什么类型的应用最适合用HTML5开发

就目前来说，依托于网络，web上已经出现的，基于信息流方式及类似方式的应用最适合使用HTML5进行开发。

什么应用是这样的：微博、社交、新闻等

其他适合使用HTML5开发的应用类型：地图、导航等

为什么用HTML5会更好

信息流架构应用都是直接在web（或wap）端抓取数据，HTML5可以直接使用跨平台数据而不用使用后台API，大大降低研发、维护成本，而且呈现效果几乎没有什么区别

地图类能充分发挥HTML5对于离线缓存及地理定位方面的功能，将地图下载到本地，然后配合定位进行搜索、导航等功能（形式灵活，不用提前下载大容量的地图包，节省流量）

下面介绍一些使用HTML5开发的web应用

google+

新浪微博

百度小说

FT web app  app.ft.com

不停走动的倒计时器 

终端上实现素描效果  

吃豆游戏iPhone版

图表实时绘制应用

怎么用HTML5开发移动应用

对于纯离线类的app，目前HTML5展现出来的实力还不是非常强劲，从交互体验和视觉呈现来说与原生方式开发的app还有一定的差距，希望随着HTML5的不断完善，能够赶超原生模式

事实上，移动应用的开发方式往往不是那么死板只用一种方式的，HTML5配合原生方式可能会获得更好的效果：利用原生方式搭建本地架构，让用户获得更加贴近于设备的交互体验，同时在信息的呈现上使用HTML5的优势，以强强联手的方式为用户打造最好的移动应用。

实例：网易博客Android客户端

HTML5现状及展望

现在HTML5的标准还没有完全定制完成，整体开发方式上还没有一个规范性的内容，导致的结果是开发者开发的应用比较混乱，体验上也不及原生方式开发的应用，如果想要更好的用户体验，需要更多的优化。

对于移动设备硬件的接口API，目前使用HTML5还不能方便调用移动设备的摄像头、话筒、重力感应器、GPS等硬件设备，不过这也只是时间问题，相信随着HTML5的越发完善，这样的功能一定也会支持的。

还有一个方面就是浏览器之争，一个全面强大的移动端浏览器将对HTML5在移动平台上的发展起到至关重要的作用。

Safari、Chrome、Firefox、IE…谁能脱颖而出，我们拭目以待。

期待HTML5未来在移动平台散发炫目的光彩！

由于目前网络上相关内容较少，以上内容多为自己总结，肯定有不太对的地方，还请大家多多指正。

移动应用程序的开发发展迅速，许多开发人员选择走移动 web 路线，不再为每个不同的移动平台重复编写相同的应用程序 。然而，由于 “追求 web”，您需要放弃本地移动应用程序开发人员曾经很容易构建的应用程序框架。结果是出现了几个 web 应用程序框架。在本系列的 4 篇文章中，我们将看到其中 4 个框架：SproutCore、Cappuccino、jQTouch 和 Sencha Touch。我们将对它们进行比较，评估使用它们构建一个移动 web 应用程序的优势和劣势。

回页首

先决条件

本文对 jQTouch 作一简要概述。正如之前所提到的，这个框架是基于 jQuery 的。如果您对 jQuery 有一定了解，那么 jQTouch 对您将并不陌生。虽然本文并不需要熟知 jQTouch 知识，但是 JavaScript、HTML 和 CSS 方面的知识一定要熟悉。这里所有的代码都是纯客户端的，可以被部署到任何 web 服务器上。本文中一起使用 jQTouch 1.0-beta2 和 jQuery 1.3.2。参见 参考资料 获取这些工具的链接。

回页首

jQTouch 简介

迄今为止，本系列已经介绍了两个 web 应用程序框架，借鉴了大量 Apple 的 Cocoa 应用程序框架。这些框架抽象出 HTML 和 CSS — web 的关键表示技术。Cappuccino 框架甚至提取出许多 JavaScript，使用自己的编程语言 Objective-J 对其进行替换。jQTouch 框架采用一个非常不同的方法。它包括核心 web 技术，使普通的 Web 开发任务更容易、更直观。

jQTouch 之所以受欢迎是因为它构建于 jQuery 之上。从技术上来说它是一个 jQuery 插件，添加特定移动功能和样式到应用程序。具体来说，它添加样式和可视效果，旨在利用 iPhone 的功能优势。尽管它的很多特性在其他移动设备上也能很好地工作，jQTouch 设计时无疑参考了 iPhone。我们来看一个构建于 jQTouch 之上的一个简单的移动 web 应用程序。

回页首

jQTouch 应用程序开发：利用 web 技巧

正如前面所提到的，和其他框架（比如 SproutCore 和 Cappuccino）相比，jQTouch 框架采取了一个截然不同的方法来进行 web 应用程序开发。jQTouch 框架和这些框架也有很多共同之处；它同样允许您从您的服务器上检索数据以及在客户端创建整个用户接口。但是，不像这些框架，它不要求 您使用此方法。事实上，它不仅仅建立在 JavaScript 上，也建立在 HTML 和 CSS 上。要了解这一点，从基础开始。

jQTouch 基础

如果您阅读了本系列的前两篇文章，您对这个将要使用 jQTouch 构建的应用程序应该比较熟悉。它是针对内部 web 应用程序的一个员工通讯录。您需要加载您在本系列上两期中所使用的数据。然而，jQTouch 提供更移动友好的用户界面元素，因为它有一个更好的 UI。您将需要以表格形式和清单形式显示数据。从一个主界面开始，如 清单 1 所示，该界面允许用户选择表格格式或清单格式的数据。
清单 1. 应用程序要点和主屏幕代码 

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Intranet Employee Directory</title>
    <style type="text/css" media="screen">
        @import "jqtouch/jqtouch.min.css";
    </style>
    <style type="text/css" media="screen">
        @import "themes/jqt/theme.min.css";
    </style>
    <script src="jqtouch/jquery.1.3.2.min.js" type="text/javascript"
        charset="utf-8"></script>
    <script src="jqtouch/jqtouch.min.js" type="text/javascript"
        charset="utf-8"></script>
    <script type="text/javascript">
        var jQT = $.jQTouch({
          icon : 'icon.png'
      });
    </script>
</head>
<body>
    <div>
        <div>
            <h1>Employees</h1>
        </div>
        <ul>
            <li><a href="#list-style">List</a>
</li>
            <li><a href="#table-style">Table</a>
</li>
        </ul>
    </div>
</body>
</html>

清单 1 中的代码包含一个 jQTouch 应用程序的基本要点。两个 CSS 文件和两个 JavaScript 文件也包含在内。要使用 jQTouch，这两个 JavaScript 文件您都需要。这些包含 jQuery 库和 jQTouch 插件库。您也需要第一个 CSS 文件（jqtouch.min.css），另一个 CSS 文件是一个可选主题。jQTouch 包括两个主题，一个用来匹配 iPhone (Cocoa Touch) UI，另一个（jqt）较为中性。在清单 1 中，jqt 主题 CSS 文件也包括在其中。最后，您需要初始化 jQTouch 对象。许多选项可以被传送到这个构造函数。在这里，您只要指定一个应用程序图标，如果用户‘安装’ 该应用程序，将会使用这个图标，如 图 1 所示。
图 1. 安装到 iPhone 主屏幕的移动 web 应用程序

回到清单 1，余下的代码是基础 HTML。您有一个含有 home 类的 div。这个类没什么特别之处。然而，如果您熟悉 jQuery，那么您将会认出这是 jQuery 中的一个页面。您应用程序中的每个页面（屏幕）在单个 HTML 页面上是一个 div。所以这种情况下，您的页面在顶层有一个 div，含有 toolbar 类。 这个特别的类是在核心 jQTouch CSS 文件中定义的几个样式中的一个。接着，您有一个含有edgetoedge 类的无序列表 — 另一个 jQTouch 样式。这个列表中的每个条目都是链接到 HTML 页面其他部分的链接。此外，它也是另一个常用 jQuery 范式，用于链接一个 web 应用程序中的不同页面。图 2 展示了在清单 1 中创建的应用程序在 iPhone 中的样子。
图 2. iPhone 上的主屏幕

图 2 显示一个相对简单的用户界面；创建它需要的所有代码在清单 1 中，此时您所用是一些 HTML。您清单中的元素也是可点击的，而且它们将导向您应用程序的其他页面。然而，这些页面需要一些加载 Ajax 的数据以正常工作。正如您所看到的，Ajax 是 jQuery 与众不同的另一个方面。

使用 jQuery 生成动态数据

迄今为止，您已经利用了 jQTouch 为移动设备优化的样式来生成简单的 HTML，并将其变成一个引人注目的移动用户界面。现在生成一个动态清单和一个动态表格。首先检索这些界面的数据，如 清单 2 所示。
清单 2. 使用 Ajax 检索数据

$(document).ready(function(){
    $.getJSON('employees.json', function(data){
        data.forEach(addEmployee);
    });
 ...
});
function addEmployee(e){
    addEmployeeToList(e);
    addEmployeeToTable(e);
}

在清单 2 中，您只用了基本的 jQuery 功能。初始页面加载完成后立即使用 Ajax 从服务器加载数据。这是 Web 开发中的一个常用范式，jQuery 使用 $(document).ready 函数轻松地就可以生成。该函数接受一个函数作为它的输入参数。在这个案例中您使用一个匿名内联函数，也称为一个闭包。这个闭包在在初始页面加载完成后立即执行。jQuery 提供很多方便的函数来处理 Ajax 请求和响应。在这种情况下，数据将被格式化为 JSON，因此，使用 jQuery 的 getJSON 函数，采用一个字符串来表示请求的 URL 端点。这个函数在后台使用一个 XMLHttpRequest 对象生成一个 HTTP GET 来请求这个 URL。

当 Ajax 请求从服务器成功返回时，该函数也采用另一函数作为一个回调。（也可以利用另一个可选 callback 函数来处理错误，但是为了保持示例的简洁，我们放弃了使用它。）您再一次传递一个闭包作为 callback 函数；此函数预期接收一个 employee 对象数组 — 在本系列之前的文章中您曾使用过的数据。该回调函数然后使用 Array 对象的 forEach 方法。您可能对这个函数不是很熟悉，因为它在旧版本中没有提供。但是在您锁定的这些更现代的浏览器上，它都是 可用的。它使用一个函数作为它的参数，然后依次将这个函数应用到 Array 中的每个对象中。尽管您可以传递另一个闭包给它，而不是将其作为一个引用传递给另一个名为addEmployee 的函数。该函数授权分离函数，将员工对象添加到列表以及添加到表格。看看这些函数如何使用 jQTouch 动态创建 UI。

使用 jQTouch 创建动态 UI

回到清单 1 ，您将注意到您的主屏幕已经连接到其他两个页面了，一个是数据的列表视图，另一个是数据的表格视图。我们之前提到过，它利用 jQuery 在页面上使用 div 的约定来代表您的应用程序的各个页面。这些页面的 HTML 如 清单 3 所示。
清单 3. 列表和表格的 HTML

<div id="list-style">
    <div>
        <h1>List</h1>
        <a href="#">Back</a>
    </div>
    <ul id="eList"></ul>
</div>
<div id="table-style">
    <div>
        <h1>Table</h1>
        <a href="#">Back</a>
        <a href="#new">+</a>
    </div>
    <table>
        <thead>
            <tr>
                <td>Name</td>
                <td>Phone</td>
                <td>Email</td>
            </tr>
        </thead>
        <tbody id="eTable"></tbody>
    </table>
</div>

再一次强调，上面只是一个简单的 HTML。一次只研究一个页面，在列表页中，您再次有一个使用工具栏样式的嵌套 div。它是一个简单标题，含有链接锚文本。注意到锚点有返回类按钮。再一次说明，这是 jQTouch 提供的一种样式，它将为页面创建一个返回按钮，看起来像源自移动平台的。图 3 显示了这个工具栏在 iPhone 中的效果。
图 3. 列表页面工具栏

正如您所看到的，jQTouch 允许您使用少量代码轻松地创建高质量的界面。返回到清单 3 ，您可以看到您也有一个空的无序列表。注意，它使用 jQTouch 提供的 edgetoedge 风格，如果您想水平拉伸整个屏幕，这是一个很合适的条目。使用您在清单中从服务器检索到的数据来填充这个列表，如 清单 4 所示。
清单 4. 创建一个列表

function addEmployeeToList(e){
    var list = $("#eList");
    var text = e.firstName + " " + e.lastName +
         ", " + e.phone + ", " + e.email;
    var li = $("<li>").html(text);
    list.append(li);
}

在典型 web 开发中动态创建 HTML 元素是一个比较繁琐的任务；这再一次成为 jQuery 炫目的地方。清单 4 中的代码是纯 jQuery 代码。您首先可以通过向 jQuery 传递一个 CSS 选择器从清单 3 中获取这个无序列表的一个引用。创建您想要放入列表中的文本，然后使用 jQuery 提供的便捷方法来创建 DOM 元素，并向其中添加一个文本节点。最后，将这个 DOM 元素添加到无序列表中。图 4 使用模拟数据显示了这个列表的样子。
图 4. 列表视图

要创建您的列表，使用一些基本的 jQuery 代码来从服务器检索数据，然后创建一些标准 HTML 元素（以及一个引用 jQTouch 样式的 HTML 框架），这也是创建上述 UI 所必需的。如果您在一个移动设备上测试它，您将注意到它的加载速度很快而且屏幕滚动很流畅。现在看看您如何创建一个表格来显示同样的数据。

回到清单 3 ，注意您的表格页面类似于列表页面。它有一个类似的工具栏，只有一个额外按钮。（不久您就会看到这个按钮的功能。）它也有一个纲要表格 — 即，有表头但没有数据。数据和列表中的一样。您只需要为您的表格创建行即可，如 清单 5 所示。
清单 5. 创建表行

function addEmployeeToTable(e){
    var table = $("#eTable");
    var tr = $("<tr>")
            .append($("<td>").html(e.firstName + " " + e.lastName))
            .append($("<td>").html(e.phone))
            .append($("<td>").html(e.email));
    table.append(tr);
}

清单 5 中的代码类似清单 4 中的。您可以依赖 jQuery 的便捷方法来创建 HTML DOM 元素，然后一起添加。注意，便利的附加函数允许您使用一个构建器模式来快速创建表行，其中有 3 个单元格。图 5 使用模拟数据显示了表格的样子。
图 5. 表格视图

清单 5 显示了预期的用户界面。您可以使用标准 CSS 使这个表格更漂亮。您可能会注意到在顶部工具栏的右端有一个加号（+）按钮。回到清单 3 ，注意到这个链接连接到另一个名为 New 的页面，也注意一下这链接上的类是按钮翻转。这将再次创建一个本机外观按钮，起链接到新页面的作用。该类的翻转指明 jQTouch 应该使用一个翻转转换。这是一个专有 WebKit CSS 3D 动画，目前仅在 iPhone 中支持，是 jQTouch 易于利用的 2D 和 3D 动画其中的一种。当您点击加号按钮时，将显示一个用于创建新员工表单的页面。清单 6 显示了该页面的代码。
清单 6. 新员工对话框

<div id="new">
    <div>
        <h1>Add Employee</h1>
        <a href="#">Cancel</a>
    </div>
    <form id="addEmp" method="post">
        <ul>
            <li><input type="text" placeholder="First Name" id="fn"
                name="firstName" />
            </li>
            <li><input type="text" placeholder="Last Name" id="ln"
                name="lastName" />
            </li>
            <li><input type="email" placeholder="Email"
                autocapitalize="off" id="email" name="email" />
            </li>
            <li><input type="tel" placeholder="Phone" id="phone"
                name="phone" />
            </li>
        </ul>
        <input type="submit" value="Submit"/>
    </form>
</div>

清单 6 中的代码是一个简单的 HTML，工具栏是使用一个应用 toolbar 类的 div 创建的。此时，您有一个 Cancel 链接，是使用button cancel 类设计的。当然 button 类是将这个链接放进一个按钮中的。cancel 类会使链接返回到之前的页面，类似于 back类。然而，和 back 类有所不同，它将自动使用与转换到该页面效果相反的效果。

有了工具栏之后，您就有一个封装在无序列表之内的简单 HTML 表单。您可能会注意到一些不同寻常的事。首先，所有字段都使用占位符属性，这是一个 HTML5 特性，因此会一直显示占位符文本，直至该字段获得焦点。这可以方便地替换对标签的使用，特别是当一个移动屏幕非常小的时候。注意电子邮件输入框有一个设置为 false 的 autocapitalize 属性。这是另一个 iPhone 特有的特性，通知浏览器临时禁用输入该框的文本的 OS 级自动大写。同时我们还注意到，邮件和电话输入类型都是不寻常的（email 和 tel），这是在 iPhone 和 Android 浏览器上都支持的一个特性，当焦点集中在输入字段时，通知浏览器弹出不同的键盘。图 6 显示了每个字段的样子。
图 6. Android 和 iPhone 浏览器，焦点在 tel 和 email 输入框

最后一点值得注意的是，清单 6 中的表单是 Submit 按钮，注意它的类是 submit。这是另一个使按钮（至少在 iPhone 上）更具吸引力的 jQTouch 类。清单 7 显示了当表单提交后，如何使用 jQTouch 建立一个事件处理程序。
清单 7. 处理表单提交

$(document).ready(function(){
    // Ajax call can be found in Listing 2
    $("#addEmp").submit(function(){
        var e = {
            firstName : $("#fn")[0].value,
            lastName : $("#ln")[0].value,
            email : $("#email")[0].value,
            phone : $("#phone")[0].value
        };
        addEmployee(e);
        jQT.goBack();
        return false;
    });
});

注意，这是您在清单 2 中所见到的初始化代码的一部分。在这里您使用另一个 jQuery 选择器来获取表单（清单 6 中显示的）的一个引用。jQuery 提供一种简便的方法来劫持表单的 submit 事件。再一次传递一个闭包来处理该事件。在闭包中，创建一个 JavaScriptemployee 对象，但是从表单中检索值。然后使用您在清单 2 中看到的 addEmployee 函数来将新员工信息添加到列表和记录视图中。接着，使用一个 jQTouch 函数 goBack。其工作方式类似于您之前看到的 Cancel 按钮，转回到上一页。最后，返回 false 来阻止表单提交。显然，该代码只能将员工信息添加到本机屏幕。您可以想像一个可将员工信息添加到共享数据库的服务端 API，而且您可以使用 jQuery 卓越的 Ajax 和表单功能来将数据序列化，然后发送回服务器。这样，在样例应用程序中就完成了所有功能。现在，您已经使用 jQTouch 构建了一个移动 web 应用程序，看看其结果如何。

回页首

使用 jQTouch 的移动 web 应用程序

尽管 jQTouch 框架可能是 jQuery 之上的一个简单插件，它的确通过接受核心 web 技术以及使开发更为容易扩展了 jQuery 框架的理念。它添加大量移动优化的用户界面元素，使您可以轻松地将简单的 CSS 样式应用于 HTML，并获取较为成熟的结果。此外，这些主题和特性（比如页面转换）也为应用程序带来了一种原生感觉。

提到处理应用程序逻辑，jQTouch 不像其他架构那样试图提取出工作流。相反地，它依赖功能强大的 jQuery 工具使得表单处理、Ajax、页面转换这类任务变得更为容易。如果您是一名经验丰富的、且习惯于使用 web 应用程序的 web 开发人员 — 使用 web 功能强大的 HTML、JavaScript 和 CSS 组合— 那么，jQTouch 也会非常适合您。您可以快速生成具有吸引力、易于使用的移动 web 应用程序。然而，如果您想采用一个更结构化的方法，那么您将不得不自己添加结构。这极大地改变了通常由一个开发团队来处理的巨大且复杂的应用程序。此外，jQTouch 不改变创建 web 应用程序所涉及到的标准工作流 — 它只是试图让每个工作流步骤更容易。其他框架进一步提取大量步骤，并使用较少的样板文件提供一个更有逻辑的工作流。

最后，另一个 jQuery 项目值得一提。这个项目就是 jQuery Mobile 项目（见 参考资料），恰如其名。和 jQTouch 不一样，它不是一个插件；它和 jQTouch 一样有很多共同的特性，但是它有更为远大的目标。它的目标是提供更多 UI 小部件，并使它们可以跨平台工作。例如，您构建的应用程序在 Android 手机上运行良好，但是很显然它是用于 iPhone 的。jQuery Mobile 应用程序的设计目的是在 Androids 和 iPhones、以及其他平台上都能良好运行。它不仅仅是一个 jQuery 插件；相反地，它从根本上是为移动电话构建的，转换成更简洁、更灵活的代码：jQTouch 有 69 KB 的 JavaScript 和 8KB 的 CSS，而 jQuery Mobile 只有 12KB 的 JavaScript 和 6KB 的 CSS。写这篇文章时，发布的是该项目的第一个 α 版本，显然还是比较粗糙。然而，如果您对 jQTouch 很感兴趣，及时了解 jQuery Mobile 的最新信息。

回页首

结束语

本文证实了可以应用您的 web 开发技巧来构建一个移动应用程序，只需 jQTouch 提供少量帮助。对于很多开发人员来说，这可能是进行移动开发最直接的方法。如果您是一名 web 开发人员，可能早对 jQuery 有过了解，这使得 jQTouch 更具吸引力。深入挖掘卓越的 jQTouch 文档并探究它的更多的特性。这使得您可以在移动 web 应用程序中更加轻松地使用 iPhone 和 Android 浏览器上可用的很多高级 HTML5 功能。在这个 4 部分系列的最后一篇文章中，将介绍另一个利用 “联网” 的方法进行移动开发的项目 Sencha。

回页首

下载

关于下载方法的信息

1、页面跳转 jQTouch需要用target=”_webapp”来做页面跳转，不然会出问题噢 。

2、tap和click 网上搜到有人在问： I noticed an interesting bug with the JQTouch platform and wanted to know if anyone else has run into it our has a workaround for it. If I have a link with an onclick event and lightly tap the link on the iPhone, the link works, but the click event is not fired. If I tap the same link harder, the event fires. Any thoughts on this? 解决方法是使用tap来代替click 。iOS系列会在轻触链接时产生tap事件，重触产生tap和click事件 。 当然你可以使用这样的语句来判断系统

var userAgent = navigator.userAgent.toLowerCase(); var isiPhone = (userAgent.indexOf(iphone) != -1) ? true : false; if(userAgent.indexOf(ipod) != -1) isiPhone = false; // turn off taps for iPod Touches clickEvent = isiPhone ? tap : click; $(#somelink).bind(clickEvent, function(){…});

3、与Ajax的不兼容 jQTouch将顶层的多个div分成多个页面显示，是靠div的id来进行跳转的 。 如果你用Ajax来把整个div刷新，那么在back的时候就找不到原来的div id了，一方面使用back会出错，另一方面在跳转div的时候Ajax新拿到的页面不会被去掉class=”current”标记，导致几个页面重叠显示 。如果跳到的页面比较长那还好，否则就杯具了…… 暂时遇到这几个，有遇到再补充!

1.效率型应用（Productivity Applications）

1)如何设计效率型应用

2)效率型应用的界面布局

A. 九宫格

C. 图片列表

D. 旋转木马

E . 侧滑分屏

2. 实用型应用（Utility Applications）

1) 如何设计实用型应用

2) 实用型应用的界面布局

转载请注明出自”百度MUX”

化繁为简的魔术！

在某些应用的设计中，利用手势操作可以简化用户完成某一任务的操作步骤,提高使用效率。

不易被发现的尴尬？

手势操作似乎还没有像按钮操作或菜单操作那样被大大方方的搬上台面，用户界面并不告诉用户可以对某个对象做什么，于是用户需要记住可以使用哪些手势。如果用户对其缺乏认知，这些手势操作就不易被发现，也便不会为人所用，甚至造成操作障碍。

精准度低的死穴？

影响手势操作精准度的因素多多，如硬件屏幕的尺寸、反应灵敏度，用户本身操作的熟练程度、对手势本身的认知（记忆）等。

这些因素都会导致手势操作易产生:操作不备触发，不知操作是否到位、误操作、与预期结果相悖等，让用户沮丧的体验。

给英雄以用武之地

尽管手势操作在通往易用性圣殿的路上仍然是荆棘重重，但是只要我们在设计的过程中绕过体验问题的泥沼，还是可以给英雄以用武之地的。

“洞察用户习惯”

手势本身的设计需要符合用户的心智模型和日常的使用习惯，才能不给用户增加记忆负担，容易被用户接受。

文化约定

手势本身或操作过程的设计符合特定文化里约定俗成的用法，形象的、有意义性的手势更加容易记忆和学习，符合认知习惯；应该多用“通用的符号”作为手势。

实物隐喻

手势本身的形状或操作过程是从具体实物中简化出来的，其内涵具有实物的隐喻意义。

首字母表示

以将命令的中文或英文的首字母符号作为该命令的手势。如用“a”表示“全删除”（All）手势，用“c”表示“复制（copy）等。

易操作

形状美观：“喜欢封闭的曲线”,“感觉舒服、美观”。

操作顺手：“最好一笔画完“，”尽量采用曲线”。

适当复杂：有的手势适当复杂一些（如全删除），因为这些手势操作容易引起用户大的损失。

“引导用户使用”

很多时候，手势操作是隐藏的，用户难于发现。因此就要通过一些用户引导信息来进一步的协助用户。“引领式”的引导方式比较适合用户快速接受，尽快上手，享受手势操作乐趣。最好将简洁明快指示性强的引导说明放在用户第一次使用时，让用户有所心理准备。

“给用户选择”

对于复杂的手势，不能强迫用户去学习记忆和使用，可以只作为备选的快捷方式提供给用户，让那些愿意学习的用户更快捷地完成想要完成的功能。

手势模式可以让用户选择是否启用该模式。用户在启用手势模式状态下才能使用手势来完成操作任务。

“靠数据说话”

手势操作缺乏规范，对于手势本身的设计可以进行用户调研，定性或定量的分析不同手势操作的易用性，用调研数据来帮助确认选择哪一种操作方式会更方便用户使用。

“V”就在前方

交互设计就是解决一个又一个的体验问题，尽管手机端的手势操作的应用还存在着这样或那样的用户体验上的bug，但是我相信它依旧是v5的。经过我们的不断改进创新，自然用户界面的宏伟目标终有一天会实现！胜利就在前方！

【1】自然用户界面：http://baike.baidu.com/view/4705493.html?fromTaglist

目的地1：天津

推荐车次：车次很多，每天十几班不等。北京南站始发。

到达时间：30分钟。 车票价格：二等座，58元 一等座，69元 特等座，99元

市内观光必看：鼓楼、古化街、意奥风情区、金街、五大道

天津离北京近，可选择当天返回，也可住一晚。如果临近中午到达天津站，不妨打车到食品街逛逛，顺便解决温饱问题。天津大麻花有些俗套，但那儿的耳朵眼儿炸糕和狗不理包子还是要尝尝，味道不一般。

如果体力较好，坐车到鼓楼然后一路走下来，是最好。从鼓楼走不远就是古化街（吃碗娘娘庙前的茶汤，京津两地的茶汤不一样哦，然后去趟娘娘庙也就是南方说的妈祖庙，这是全国三大妈祖庙之一。可以在街上买到不少好吃的小吃，从杨柳青年画店里可以买到很便宜的年画纸书签或是箔金的书签），然后从文化街出来从金汤桥过海河就是意奥风情区。再过海河就是金街了，这时可以在金街上逛一逛，不过好玩儿的不多，主要就是跟王府井差不多的商业街。

逛天津的特色街道是不错的选择，位于五大道的马场道值得一去，马路不宽，但却坐落着近300座小洋楼。每座小洋楼背后都有一段鲜为人知的历史，不妨一一探访。睦南道上有许多名人故居，如东陵大盗孙殿英，张学良之弟张学铭，末代皇帝溥仪故居等，也是必访景点。另外解放北路为旧时租界，现为天津金融一条街，各大银行的天津分行都在那里有一席之地，建筑也是天津最有租界特色的，很有怀旧意味。五大道的建筑群，主要是英法式建筑，在马场道边上有家西餐厅叫“成桂餐厅”，很有年头，可以试试，那里做得很不错。

意奥风情街现在也开发成了新的旅游区，那里原为意大利租借地，几乎包含了意大利各个时期不同风格的建筑，是近代意大利在国外保留最为完整的历史街区，值得一逛。

除此之外如果您对历史不感兴趣，喜欢淘货的可以选择去位于天津河东区的人人乐淘货街或者位于曙光里的服装市场逛逛，那里都是外单货，比较便宜，不过得有时间慢慢淘。

滨海新区新看点 开海旅游节

如果您是奔着海才去天津的，那一定不要错过开海旅游节。

天津滨海新区开海旅游节，活动时间从4月底至7月初，共有“2010中美滑水明星对抗赛”、“虾肥蟹美品海鲜”美食品尝活动、“淘宝在新区”特色购物活动、“出海当渔民”休闲体验活动、“看航母”军事科普教育活动、官港生态游乐园踏青活动、滨海新区工业游活动、“文明旅游，理性消费进社区”宣传活动、滨海新区旅游主题口号及旅游形象标志征集活动、万名青少年夏令营赶海拾贝踏浪活动十大系列活动内容。

今年五一小长假期间，作为滨海新区2010年开海旅游节重头戏的2010中美滑水明星对抗赛将在海河外滩公园精彩亮相。届时，中美四十多名滑水精英将在海河外滩进行一场精彩的滑水表演秀。表演项目包括双人技巧、多人罗汉、特技跳跃、多人技巧、多人穿花、趣味滑水、特技空翻、空中飞伞、赤脚滑水、腾空椅等。

此外滨海新区汉沽八卦滩的滨海航母主题公园看“基辅”号航空母舰也值得一看。据介绍，“基辅”号航母是前苏联“基辅”级航母的首制舰，建造于1970年，1975年建成服役，1994年退役，曾经是令世界瞩目的海上“巨无霸”。如有兴趣，不妨参与舰上真人CS反恐等互动参与性项目，激情过后，可去塘沽品尝海鲜。

看海专线：北京目前有到天津塘沽的动车，全程1个小时，车票：70元。也可在天津站下车，游览天津市区风光之后在“中山门”乘坐轻轨前往塘沽，票价4元。

天津必吃小吃：煎饼果子（绝对跟北京的不是一个味）、十八街麻花（北京满大街都是冒充的）、豆腐脑、石头门坎素包子、狗不理包子（天津人一般都不吃，但是外地人一定要尝尝）、耳朵眼炸糕、锅巴菜

天津特色菜品：津菜（咸鲜口味为主的海鲜菜品）

必买纪念品：果仁张、皮糖张、十八街麻花、泥人张、杨柳青年画、风筝魏等。

目的地2：太原
太原

目的地2：太原

推荐车次：D2001，北京西站始发。

时间： 07:20 – 10:46 ，用时3个多小时。票价：二等座，157元，一等座，189元。

到太原不妨先到晋祠转转，晋祠位于太原市西南悬瓮山麓，是集中国古代祭祀建筑、园林、雕塑、壁画、碑刻艺术为一体的珍贵历史文化遗产，是祭祀西周唐国诸侯姬虞的祠堂，创建于西周(公元前11世纪)。晋祠山环水绕，古木参天，在苍郁的树木掩映之下，清澈见底的泉水蜿蜒穿流于祠庙殿宇之间，历史文物与自然风景荟萃一起，令人流连忘返。

游完晋祠，可坐车一小时左右到祁县去看看，乔家、渠家等极富晋商文化色彩的明清建筑不妨好好欣赏。之后可乘车去平遥，也就三四十分钟车程，不管是在古城闲逛，还是体验当地民风民俗都是不错的选择。此外，位于平遥县城西6公里的双林寺也值得一去，那里有数千尊彩塑，是中国罕有的五代原作。

去太原就为了“吃”：

太原必吃小吃：“三倒手”、硬面馍拨鱼、刀削面、豆腐脑、豆沙糕、稷山麻花、解州羊肉泡馍、晋南醪糟、晋中油糕、砍三刀、拉面、老劲子麻花、猫耳朵、孟封饼面、麻片荞面、灌肠、烧麦、太谷饼、太后御膳、泡泡糕、太原头脑、闻喜煮饼、羊杂烩、羊杂碎汤、阳城肉罐肉、炸馓子、莜面窝窝、榆次灌肠、珍珠粥、猪血灌肠。

太原的面食最为有名，品种多，历史久，制作方法各异，浇头菜码考究。炒莜面、拉面、猫耳朵、搓鱼儿、莜面烤佬、红面糊糊、肉丝炒剔尖、刀削面、炒疙瘩等应有尽有，特色独具。

除面食外，当地的风味食品首推特色早点“太原头脑”（八珍汤），其他如“认一力”蒸饺、太谷饼、六味斋酱肉、闻喜煮饼、芮城麻片、太原羊杂碎汤、灌肠、高平烧豆腐、平阳泡泡糕等，都是值得一尝的美味。

位于太原市府东街口的食品一条街，是品尝风味小吃的好去处。在这条几百米长的街道两边都是古色古香的仿古建筑，遍布各种饭店、酒肆，有饺子馆、凉皮店、烧梅店等。位于米市街上的小吃林里，有冒着热气的各式滋补粥、整齐地摆放在柳藤篮中的肉夹馍、肉夹饼等点心，让人眼馋。早晨，在位于桥头街的清和园饭店你可以尝到地道的“头脑”。

必买纪念品：太原的土特产品，以汾酒、竹叶青最为有名。此外，稷山板枣、平陆百合、蒲州青柿、垣曲猕猴桃、清徐葡萄、上党“党参”、文山段亩砚、高平丝绸、平阳木板年画、推光漆器等，均属名产之列。

目的地3：青岛
青岛

目的地3：青岛

推荐车次：D51 ，北京南站始发。

时间：6:45- 12:29 ，用时5个半小时。票价：二等座，275元 一等座，330元

如果坐早班车，中午即可到达青岛。吃过美味海鲜，就去海滩漫步吧。青岛海滩众多，离火车站较近的第六海水浴场不错，那里的金沙滩绵延数公里，南濒黄海，呈月牙形东西伸展，全长3500多米，宽300米，因水清滩平，沙细如粉，色泽如金，故得此名。在金沙滩上，你尽可看如金的金沙滩向天边延伸，赏如银的波浪拍打细腻的金沙，聆听大海编织的美妙乐曲……此时此刻，你不陶醉才怪。

此外，青岛的德式教堂也是一景，德国人在青岛留下了十余座教堂。其中最著名的当属圣弥埃尔教堂，教堂由德国设计师毕娄哈依据哥特式和罗马式建筑风格设计，可容纳千人礼拜，是青岛最大的哥特式建筑，也是中国唯一的祝圣教堂。教堂高大的尖顶和双十字架，从远处，栈桥和前海海岸、小鱼山都能看到。青岛的花园洋房现存三百多幢，呈20多个国家的古典建筑风格，近代中国政经界名人如康有为、李经羲、孔祥熙、宋子文都曾在青岛置有别墅，不妨也去逛逛。

青岛的2008年奥运帆船赛场也值得一逛，那里的银海格曼游艇俱乐部泊着价值五百万-两千万的游艇，可租来过过海上驰骋的瘾，不过价格不菲，好像在两小时8000元左右。

青岛必游6大景点：

1.八大关

青岛的”红瓦绿树、碧海蓝天”在这里得到了完美的诠释。十条马路纵横交错，公园与庭院结合在一起，马路两侧到处是郁郁葱葱的树木、四季盛开的鲜花。人行道树种各异，如韶关路全植碧桃，春季开花，粉红如带；正阳关路遍种紫薇，夏天盛开； 居庸关路是五角枫，秋季霜染枫红；紫荆关路两侧是成排的雪松，四季常青；宁武关路则是海棠……从春初到秋末花开不断，被誉为”花街”。你可以忽略青岛所有的地方，但你不可以不在这里停留一个下午。青岛的静谧和优美都在此处了。

2.海滨木栈道

青岛的海岸线很长，也是风光最优美的地方。当人们踏上木栈道，或看潮起潮落，或观赏沿途的红花绿叶，或看都市光景的时候，几乎发出异口同声的赞叹。这是最浪漫，最真实，最执着的生活方式。

3.崂山

“泰山虽云高，不如东海崂”。“海山第一名山”的美誉不是浪得虚名。崂山最美的就是海景，而不是山色。当车子在前往崂山景区大门的山路上盘旋的时候，望着一面是峭壁一面是海水，顷刻间你会忘记自己身在何处？究竟是爱情海还是太平洋？一切都不重要了。

4.金沙滩

虽然远至黄岛（青岛开发区），路程较远。不过如果你想看真正的海岸线，而不是类似与栈桥或一浴那样狭窄，密布碎石的海岸，金沙滩你是非去不可的。由轮渡坐渡船到黄岛出渡口坐18路到底就是金沙滩了。轮渡加公车至少1个半小时。要去的朋友们查好天气早出发了。

5.海坝

青岛有许多的小型的堤坝，有些是用来养殖海产品圈围起来的，有的有其他的用途。退潮的时候，坐在这看看海和落日吧。就像丰富而写意的中国历史一样。拉动人类几千年文明的，其实都是这些绵长的时间。

吃喝：东部的云霄路美食街、麦岛美食街、青岛的经典代表菜有肉末海参、原壳鲍鱼、青岛沙滩蟹、大虾烧白菜、酸辣鱼丸、炸蛎黄。此外，青岛西部的海鲜小吃也能让你心花怒放，除了辣蛤蜊遍布青岛，沿着中山路有谷香村的大虾面、新亚的海凉粉、美达尔的烤鱿鱼，万和春的排骨米饭、砂锅全鱼。

青岛特色菜品：青岛盛产名贵的海参、扇贝、鲍鱼、海螺、大对虾、加吉鱼等，这就决定了青岛烹饪以海味原料为主的特点。此外青岛啤酒是一定要尝尝的。

必买纪念品：贝雕海产食品、即墨老酒、胶州湾花蛤蜊、崂山矿泉水、崂山云峰茶、高粱饴、各种海产品小吃等

目的地4：秦皇岛
秦皇岛

目的地4：秦皇岛

推荐车次：D1517，北京站始发。

时间： 14:08 – 16:04 ，用时2个多小时。票价：二等座，93元，一等座，111元。

秦皇岛历史悠久，是中国惟一一个因皇帝名号而得名的城市。公元前215年，中国历史上第一个皇帝秦始皇第4次东巡，驻跸于此，并派燕人卢生、方士韩终入海求仙，刻“碣石门辞”，秦皇岛厥有其名。此后，汉武帝、魏武帝等20多位帝王巡临秦皇岛。1898年，清光绪皇帝御批自行开埠建港，辟北戴河为旅游避暑区。

秦皇岛旅游业历史悠久。“千古一帝”秦始皇曾在这里入海求仙，雄才大略的魏武帝曾在这里观潮赋诗，一代伟人毛泽东也曾在这里望海抒怀，写下了《浪淘沙?北戴河》不朽诗篇，令秦皇岛名扬四海。

秦皇岛旅游资源丰富，种类齐全，精品众多，特色突出。经过多年开发建设，形成了以长城、滨海、生态为主要特色的旅游产品体系。全市旅游景区有40多个，其中，长城文化、海滨休闲度假、历史寻踪、观鸟旅游、名人别墅、山地观光、海洋科普、国家地质公园、体育旅游、工业旅游等多种精品旅游线路和具有浓郁地方文化特色的山海关长城节、孟姜女庙会、望海大会、昌黎干红葡萄酒节等旅游节庆活动备受国内外游客青睐。

秦皇岛必吃美食：长城饽椤饼、四条包子、回记绿豆糕、老二位麻酱烧饼、煎饼合子、杨长子火腿肠、莲蓬山牌火腿肠、金杨为腿肠、孟和尚粉肠、锦发酱驴肉、晓晓炸排骨。

必买纪念品：各种珍珠以及海产品。

目的地5：泰山
目的地5：泰山

目的地5：泰山

推荐车次：D29，北京站始发。

时间：07:47 – 11:43，用时3小时56分钟。票价：二等座，176元，一等座，211元。

到泰山观日出，看云海，感悟一览众山小的超然，体味登顶泰山的快感。如果你是初登者，不妨尝试泰山东路的登顶路线。资深登山者介绍，这条线路是各种人文、自然景观集中的精华登山道，适合初登者和体力好者。

据介绍，因历朝皇帝也从这条道登山，故又称泰山御道。沿途古迹众多，文化韵味浓郁，又有树荫夹道，石阶盘旋，泉溪争流的自然景观，值得欣赏。

此外，这条线路还是世界上独一无二的石刻艺术宝库，2200多处石刻，集历代石刻精品之大成。有秦王朝“书同文”的实证、号称“名山刻石之祖”的李斯小篆;有千年前的高尔夫运动“捶丸图”;有号称“大字鼻祖”、“榜书之宗”的经石峪佛经刻石等，令人感悟泰山之博大精深。

岱顶观日，历来为游人所向往，也是游客登顶泰山最主要的观赏景点之一。历尽千辛万苦沿阶登顶，感受红日腾空而起的壮观场面，定会让你终生难忘。如果运气好，能看到泰山云海也是一次难得的体验。

主体旅游景点：

遥参亭，正阳门 ，唐槐院 ，东御座 ，秦泰山刻石 ，铜亭 ，岱庙坊 ，汉柏 ，天贶殿 ，大众桥 ，五贤祠 ，三阳观 ，冯玉祥墓 ，普照寺，虎山公园 ，王母池 ，三叠瀑布 ，醉心石 ，对松山 ，中天门 ，孔子登临处 ，望人松 ，斗母宫 ，望仙楼 ，五大夫松 ，十八盘 ，壶天阁 ，舍身崖 ，天下第一山 ，白云洞 ，象鼻峰 ，无字碑 ，宋摩崖 ，丈人峰 ，月观峰 ，仙人桥 ，五岳独尊 ，孔子庙 ，天街 ，玉皇顶 ，碧霞祠 ，南天门 ，拱北石 ，唐摩崖 ，北天门 ，大、小天烛峰 ，望天门 ，尧观顶 ，姊妹松 ，元君庙 ，三折瀑 ，天烛瀑 ，玉泉寺 ，后石坞 ，青桐涧 ，竹林寺 ，无极庙 ，天胜寨 ，长寿桥 ，白龙池 ，傲徕峰 ，扇子崖 ，黑龙潭 ，彩石溪 ，钓鱼台 ，海眼 ，元君庙 ，桃花峪

泰山4条旅游线路：

东路是登山盘路从红门起步至玉皇顶石阶6566级，沿泰山旅游图途多庙宇、多碑刻、多古树名木，历史传说，是泰山旅游的精华所在，也是最能体现泰山的雄伟与博大。走完全程需四个小时。西路是游览公路，从天外村乘车上山，一个小时到中天门，与东路汇合，从中天门即可乘坐游览索道，也可徒步攀登十八盘至岱顶。桃花屿是泰山西大门，从泰安城乘车西北去至界首进山至桃花源，从桃花源乘索道亦可到达岱顶。天烛峰步游路为泰山东大门，从泰安城乘车至艾洼，上达天烛胜境坊进山。徒步攀登至后石坞，乘后石坞索道达与岱顶，一般需5个小时。

泰山必吃菜品：泰山煎饼、泰山赤鳞鱼

必买纪念品：肥城桃、泰山板栗、宁阳大枣，并称“泰山三大特产”；沉香狮子、温凉玉、黄釉瓷葫芦，并称“泰山三宝”。此外，泰山参、泰山核桃、泰山大货山楂、泰山红玉杏、泰山美人梨（俗称小白梨）、三岔红星苹果、鹿角菜以及“中国八珍”之一的赤鳞鱼等，亦小有名气。

目的地6：沈阳
沈阳

目的地6：沈阳

推荐车次：D1，北京站始发。到沈阳北站

时间：07:01 – 11:09，用时4个小时左右。票价：二等座，218元，一等座，261元。

在沈阳，可先参观下当地的名胜古迹，沈阳故宫、福陵、昭陵、新乐遗址博物馆等景点不妨去看看。沈阳故宫前的清代满族风情一条街颇有看头，它东起雄伟壮观的抚近门，西至气势恢弘的怀远门，全长1300 米，雕梁画栋、青墙飞檐的仿古建筑，构筑了独具满汉特色的人文景观。1998年8月以来，这条街上每年表演一次声势浩大的皇家礼仪大游行，如果能赶上皇家礼仪表演，那壮观、热闹的场面足让你一饱眼福。

新乐遗址是我国北方新石器时代较早的一处母系氏族公社聚居部落遗址，距今已有7200多年。郑家洼子青铜短剑大墓位于沈阳市于洪区，是春秋战国时期的古墓群。叶茂台辽墓群位于法库县，是辽悉相萧义及其家族的墓群。永安桥位于于洪区，是沈阳市境内保存较为完整的清初石筑拱桥。

此外，沈阳的纪念性景观建筑也值得一逛，如著名的张氏帅府、九·一八历史博物馆、抗美援朝烈士陵园、蒸汽机车博物馆等都是不错的景点。张氏帅府是大帅府和少帅府的合称，是奉系军阀张作霖及其子张学良将军的官邸和寓所，是一座由青砖素面墙围成的中西混合建筑群。此外，到位于沈阳市南京街中山公园附近的刘老根大舞台听听正宗的东北二人转也不错哦。

除名胜古迹外，沈阳市还有多种自然旅游景观。棋盘山风景区位于沈阳东部，其自然景观由“三山一水”—辉山、棋盘山、大洋山和秀湖构成风景区主体，加上奇石、山洞和丰富多彩的森林植物，形成引人入胜的自然风光。是集游览观光、休闲度假、文化娱乐为一体的综合性风景名胜区。

如果不想去沈阳，可在葫芦岛下车，北京出发不到两个小时就能到。逛逛已有500多年历史的兴城古城，漫步迷人的兴城海滨，别有一番意境在其中。

沈阳特色菜品：由于历史上，沈阳一直由少数民族和汉族轮流统治，因此也传入了各民族的风味小吃。比如回民小吃马烧麦，满族小吃那家白肉血肠，朝鲜族的打糕、烤牛肉、西塔大冷面等。沈阳也有自己的传统小吃老边饺子，老山记海城馅饼。

必买纪念品：不老林糖，榆园的酸菜，豆中宝的大酱，还有杂粮（高梁米、小碴子、黑米之类粗粮），人参、鹿茸。

目的地7：长春
长春

目的地7：长春

推荐车次：D21 北京站始发。

时间：07:15 – 13:40，全程6小时25分钟 票价：二等座，311元，一等座，373元

长春是一座年轻的城市，只有200多年的历史，地处中国松辽平原腹地，是吉林省省会，全省的政治、经济、文化中心。长春经过不断的发展建设，在发展上逐渐形成了自己的独特优势，成为工农业基础雄厚，商业繁荣兴旺、科技教育事业发达、对外开放程度较高、在全国举足轻重的中心城市，被国内外朋友誉为“汽车城”、“森林城”、“电影城”和“科技文化城”。

长春是一座风光秀美的城市。作为中国首批优秀旅游城市之一，旅游开发上也形成了一定的特色。长春市是一座“森林城”，城市绿化率已经达到38.8%，位于全国大城市前茅。不仅市区绿树成荫,就连城市周边也是绿色的海洋,环城高速公路两侧90公里长、550米宽的绿化带，是城市一道美丽的风景。距市区9公里、面积126.5平方公里的“净月潭森林公园”，拥有亚洲最大的人工森林，宛如长春一片巨大的“肺叶”，使长春人就像生活在森林中一样，这里有最好的阳光、空气和水。长春还有很多著名的人文景观，农安辽代古塔，许多日伪时期的遗迹，有中国现存三大帝王宫殿之一的伪满皇宫和八大部。冬季冰雪旅游更是长春的热点，在这里不但可以滑雪、溜冰、参加雪地汽车拉力赛，还可以欣赏冰雕、雪雕等各类冰雪艺术品。

必吃美食：长春的名菜多以长白山的人参、鹿茸、熊掌、飞龙、雪蛤、松茸蘑等珍稀产品为原料，经科学配膳，精工烹调而成，药膳结合，颇负盛誉。其中长白山珍宴、雪衣豆沙、梅花鹿宴、翡翠人参茅台鸡、红花熊掌等最负盛名。

必吃小吃：回宝珍饺子、李连贵熏肉大饼、雪衣豆沙、渍菜白肉火锅

目的地8：哈尔滨
哈尔滨

目的地8：哈尔滨

推荐车次：D25 北京站始发

时间：07:10 – 15:19，8小时9分钟 票价：二等座，387元，一等座，464元

哈尔滨有众多雅号，“东方莫斯科”即是其一。漫步在哈尔滨街头，你会被不时跃入眼帘的精巧建筑所吸引，从洛可可到巴洛克，从文艺复兴到新艺术运动，从哥特式的尖顶到俄罗斯的洋葱头，从远东最大的犹太人墓地到鞑靼寺的唯一，从这样大街有着80年历史的花岗岩路面到保留完好几个街坊的俄罗斯别墅式住宅……

誉称“哈尔滨第一街”的中央大街，最能体现“东方莫斯科”的丰富内涵。中央大街是哈尔滨的老街、名街、保护街道、标志性街道、步行街、建筑艺术街、繁华商业街、旅游休闲街、公众文化街，又是当年（二十世纪三十年代）远东最著名的移民街，最繁华的商业街、金融街、文化街，大街两侧洋行商店、饭店旅馆、舞厅影院、餐馆酒吧林立。大街的建筑，穹窿突起、拱券高窗，或高雅古典，或挺拔秀丽，有常见的起源于十五、六世纪的文艺复兴式，十七世纪初的巴洛克式、折衷主义，以及十九世纪末二十世纪初的新艺术运动建筑。

全街建有欧式及仿欧式建筑71栋，汇集了欧式风格市级保护建筑13栋。这些建筑体现了西方建筑艺术的精华，整条中央大街就是一条建筑艺术长廊。如今，大规模欧式化修复–为“东方莫斯科”锦上添花–已圆满完工的大街，是目前亚洲最大最长的步行街，风格各异的西六道街、西七道街、中央商城、车辆厂住宅楼前等四处休闲区，构成了中央大街集休闲、娱乐、旅游、购物为一体的城市新风景，使“东方莫斯科”特征愈加凸现，诱人瞩目。

哈尔滨地处中国的最北端，冬长夏短，夏季凉爽怡人，冬季漫长寒冷，冰雪文化久富盛名，有“冰城”之称，是冰雪旅游、避暑休闲的胜地。这里有亚洲最大的滑雪圣地–亚布力滑雪度假区以及二龙山滑雪场、欧亚之窗滑雪场等数十个设备齐全、规模完善的大型滑雪旅游场所；一年一度的“哈尔滨冰雪节”是冰雪资源的一次大聚会，冰峰林立、银雕玉砌的冰灯雪雕比比皆是，令人眼花缭乱，流连忘返。

哈尔滨自然风光旖旎多姿，这里土壤肥沃，森林茂密，江川纵横，有国内最大的封闭式狩猎场–玉泉狩猎场；大型的东北虎野生训养基地–东北虎林园；太阳岛、二龙山、松峰山等名胜景区更是景色各异，数不胜数。

哈尔滨的人文建筑景观风格独特，格调鲜明，集北方民族风俗与中外传统文化于一身，既有代表本土宗教文明的文庙和极乐寺，又有造型奇特的各式教堂；被誉为“亚洲第一钢塔”的龙塔傲然挺立，熠熠生辉，是龙江人新的骄傲。

独一无二的冰雪资源，广袤的山川湖泊，浓郁的欧陆风情和粗犷豪迈的北国民风交相辉映，构成了哈尔滨这幅美丽的画卷，她静静地依偎在松花江畔，只待人们去细细地翻阅和品味。

哈尔滨必吃美食：来到哈尔滨，正宗的俄罗斯大餐是千万不容错过的。此外，吃熊掌，尝飞龙，品“三花”，啖猴头，尽品山珍，遍尝佳肴，也是尽兴旅游哈尔滨不可缺少的重要一环。

特色菜：北芪凤骨、冰糖雪蛤、德莫利炖活鱼、地三鲜、东北大拉皮、东北炖菜、俄式大菜、飞龙汤、酱骨头、母子猴蘑、清汤鹿尾、酸菜汆白肉、酸菜鱼小鸡、炖蘑菇、绣球燕菜、熏五香、大马哈鱼、猪肉炖粉条、渍菜粉。

必买纪念品：游客可以买到很多物美价廉的皮货（皮衣、皮帽、皮鞋）及其他一些当地的土特产品，闻名中外的东北特产人参、鹿茸等珍品也能在这些商店中以很低的价格买到。猴头是真正的“山珍”，物美且价廉；淡水鱼王鲟鳇鱼、大马哈鱼、三花鱼（鳊花、鳌花、吉花）是真正的人间美食，河中极品，鲜嫩可口；风干香肠虽然难登国宴之类大雅之堂，却是民间真正的佐酒之佳品，盛宴之珍馐；北国红豆、山野菜虽不足挂齿，前者却如“相思豆”般含义深厚，后者则是真正的北方野味，都值得购买。

1、大漠里的“寻绿”之旅

乌鲁木齐→敦煌

风景★★★ 难度★★ 流行 ★★ 

乌鲁木齐市→达坂城区→吐鲁番市→鄯善县→一碗泉村→哈密市→骆驼圈子村→星星峡镇→甘肃省柳园镇→西湖乡→敦煌市。全程约990公里。

上榜理由：从荒凉、干燥、寂寞的戈壁，到达水果丰盛和充满民族风情的绿洲，一种成就感会油然而生。于是就会继续上路，寻找下一个绿洲。

线路特点：虽然是在戈壁公路上骑行，但路况很好，没有大的起伏。唯一的“拦路虎”是风，遇到逆风和横风会头疼。另外，此线路应该是我国最热的一段，早晚温差大，晚上降温比较快，要携带保暖衣裤。

消费预算：1500~3000元。

最佳骑行时间：8~10月，秋高气爽，瓜果成熟。骑行用时10~15天。

 骑行准备：每个城市都有较专业的车行，只需掌握简单的修车技术，携带内胎、补胎工具和简单的维修工具。

2、环青海湖

风景★★★★ 难度★ 流行★★★

青海湖环湖，顺时针为黑马河乡→鸟岛→刚察县→西海镇→湟源县。全程约360公里。

上榜理由：环游青海湖，是众多骑行路线中最经典的一条，深受大家的喜爱。青海湖是高原圣湖，景色优美，西北边的鸟岛栖堪称“鸟的王国”。

线路特点：青海湖环湖线路，因为环湖赛的原因，路况一流，有很好的骑行环境。湖面海拔3200米，这个海拔一般还不会有高原反应。气候多变，早晚冷，但太阳辐射强，日照充足。8月份白天如果阳光强烈，气温大概有10~20℃左右。

消费预算：2000~3000元。

最佳骑行时间： 夏季，7~8月中旬。鸟岛最佳的观鸟时节是在5~7月，但是5月温度较低，不适宜骑行。建议选择在夏季进入湖区，每年7~8月中旬，青海湖畔有大片油菜花开放，美丽壮观。骑行用时4~7天。

骑行准备：必备的有感冒药、止泻药、防过敏药和跌打药，另外最好带防风墨镜和防晒霜。

3、丝路之旅

兰州→敦煌

风景★★★★ 难度★★ 流行★★★

兰州市→天祝藏族自治县→武威市→张掖市→酒泉市→嘉峪关市→玉门市→瓜州县→敦煌市。全程约1100公里。

上榜理由：踏着前人的足迹，行走于绿洲、戈壁，永远不可能预料下一刻出现在你眼前的是怎样的风景。沿着河西走廊一路行进，名胜古迹让人目不暇接，敦煌莫高窟、长城嘉峪关、酒泉卫星发射基地、张掖大佛寺、武威罗什塔、小长城遗址、烽火台遗址……

线路特点：沿312国道，路况良好，多为平坦的柏油路。兰州市海拔1500多米，一路上海拔变化不大，到达敦煌海拔为1100多米。甘肃省气候干燥，风沙大，太阳辐射强，昼夜温差大，晚上气温会下降许多。

消费预算：800~1500元。

最佳骑行时间：9~10月中旬，刚好是瓜果成熟的季节，途中可以尽情享用超级便宜的水果盛宴。骑行用时12~15天。

骑行准备：途中经过不少城市，有正规的修车铺，只须携带简单的修车工具。最好带两条魔术头巾，有的路段风沙大，用头巾包住头发、嘴和鼻子。

食宿：路上食宿的地方很多，从汽车旅馆到星级酒店，从几元的小吃到上百元的大餐，应有尽有。

4、大运河文化之旅

北京→杭州

风景★★★ 难度★ 流行★★★★★

北京市→天津市→沧州市→德州市→聊城市→济宁市→徐州市→宿迁市→淮安市→扬州市→常州市→无锡市→上海市→嘉兴市→杭州市。全程约1780公里。

上榜理由：京杭大运河承载了厚重的历史，留下了数不清的珍贵文化遗产。沿着运河一路向南，既可以领略不同城市的风情，又能够感受中华民族深邃的文化底蕴。

线路特点：一路几乎都是平原，线路平坦，适合初次长途骑行。整个旅行纵贯北京、天津、上海三个直辖市，河北、山东、江苏、浙江四省。

消费预算：3000~5000元。

最佳骑行时间：一年四季都可骑行，但冬季温度比较低，应注意保暖。骑行用时20~25 天。

骑行准备：全线几乎都有修车的地方，自带简单的修车工具即可。

食宿：沿途村镇连绵不断，食宿与补给都非常方便。

5、一路向北

北京→漠河

风景★★★ 难度★★★★ 流行★★★

北京市→密云县→滦平县→隆化县→围场满蒙自治县→赤峰市→通辽市→乌兰浩特市→莫力达瓦达斡尔族自治旗（莫旗）→嫩江县→黑河市→塔河→漠河。全程约2800公里。

上榜理由：一路向北，风情万种。从大都市到一望无际的大草原，再到郁郁葱葱的大森林，最终抵达我国最北端的漠河村，欣赏绚烂多彩的北极光，体验神奇的极昼现象。

线路特点：这条线路先沿101国道骑行，然后转111国道一直到黑龙江省，道路平坦，便于骑行。全线跨越了北京市、河北省、内蒙古自治区和黑龙江省。

消费预算：4000~6000元。

最佳骑行时间：春夏秋季都可以骑行，最好避免冬季出发，因为不但寒冷逆风，而且可能有大雪封路的情况发生。最佳骑行时间是6~7月，幸运的话，夏至时在漠河可以看见北极光。骑行用时22~30天。

骑行准备：沿途经过的大中城市都有修车铺，掌握简单的修车技术，携带简单的修车工具即可。

食宿：沿途经过大中城市，食宿与补给都很方便。

6、新藏线

喀什→拉萨

风景★★ 难度★★★★★ 流行★★★

喀什市→叶城县→普萨村→依格孜亚→康西瓦→甜水海→假桑玛日村→吉普村→日土县→噶尔县→巴噶乡→仲巴县→萨噶县→拉孜县→日喀则市→拉萨市。全程2850多公里。

上榜理由：“行车新藏线，甚比蜀道难；库地达坂险，犹似鬼门关；麻扎达坂尖，陡升五千三；黑卡达坂旋，九十九道湾；界山达坂弯，伸手可摸天……”这是最艰苦、最考验毅力、环境最恶劣、人烟最稀少的极限骑行路线，难度是川藏线的两倍。走别人走不到的路，看别人不曾看过的风景，大概说出了选择新藏线的骑友的心声。

线路特点：新藏线平均海拔4500米以上，是世界上海拔最高、道路最险、环境最恶劣的公路之一。本线路北起新疆喀什，途经叶城，翻过5200多米高的界山达坂，穿越海拔4500米的阿里高原无人区，最终到达拉萨。途中翻越5000米以上垭口5座，其中最高的海拔5248米；穿越举世闻名的昆仑山、喀喇昆仑山、冈底斯山、喜马拉雅山，全线经过的大部分地段为“无人区”。一路上存在风沙大、高寒缺氧、天气变化无常、补给不足等困难，再加上路段几乎都是搓板路和碎石路，陡坡很多，山体滑坡也时有发生，因此堪称“魔鬼路段”。但这里奇特的高原风貌，仍然吸引着骑友们去征服它、体验它、欣赏它。

消费预算：3000~5000元。

最佳骑行时间：7~8月，因为这个季节的气候最温暖，也最有可能挑战成功。骑行用时30~40天。

骑行准备：骑行新藏线需要有一定的体能准备、野外生存能力和自行车维修经验。新藏线装备和川藏线不一样，要带上截链器、外胎、刹线、变速线、辐条和链条。生活用品要有油炉、帐篷和睡袋等。另外高原昼夜温差大，衣物要防寒保暖，还要记得带边防证。

食宿：新藏线大部分路段都很荒凉，因此住宿以道班、检查站、兵站、扎营为主。骑行在无人区时，特别注意要带足够的水，食物主要是压缩饼干和方便面。

7、浪漫日光之旅

海南环岛东线、中线骑行

风景★★★★★ 难度★ 流行★★★★★

海口市→灵山镇→三江镇→文昌市→东郊镇椰林风景区→博鳌镇→兴隆热带植物园→三亚市→五指山市→琼中黎族苗族自治县→海口市。全程约650公里。

上榜理由：冬季洒满温暖阳光的海南岛是骑友们的天堂。海浪、沙滩、椰林，风景如画，再加上难度适中的骑行路线，让无数骑友们涌向海南。

线路特点：东线包括223国道和201省道，这段路海拔基本在10米左右，路况良好，没什么坡，在这里骑行简直是一种享受。中线以224国道为主线，途经五指山，不过海拔也就500米左右，没什么大坡。

消费预算：1200~2000元。

最佳骑行时间：11月~ 次年5月，海南岛平均气温27℃，雨量小，适合骑行。不提倡夏天高温暴晒、秋季台风阴雨时骑行此线路。骑行用时8~10天。

骑行准备：海南为热带雨林气候，须准备防暑、防晒、防雨、防蚊虫叮咬用品。

食宿：比较经济方便，基本十几公里就有乡镇，骑行中要做好饮水补给。

8、沿312国道

上海→乌鲁木齐

风景★★★ 难度★★★★★ 流行★★★

上海市→无锡市→南京市→合肥市→信阳市→南阳市→西安市→平凉市→兰州市→武威市→酒泉市→嘉峪关市→柳园镇→猩猩峡镇→骆驼圈镇→哈密市→吐鲁番市→乌鲁木齐。全程约3900公里。

上榜理由：这条线路绝对是对长途骑行者的毅力大考验，同时对骑行者的经验和体力要求也很高。从气候湿润的上海，到地处大西北、气候干燥且昼夜温差颇大的新疆，沿途景色谈不上怡人，却能带给你人文环境与地理环境渐变的别样感受。

线路特点：沿312国道途经上海、江苏、安徽、河南、湖北、陕西、甘肃、宁夏和新疆8个省市自治区。地势从平坦的平原到起伏和缓的丘陵，再到地表千沟万壑，集山、原、川三大地貌于一体的黄土高原，直至人烟稀少甚感荒凉的戈壁荒滩，其中的乐趣自然是无法用简单的言语来形容的。

消费预算：8000~12000元。

最佳骑行时间：途经的区域横跨亚热带季风气候、温带季风气候和温带大陆性气候三种气候类型。要减缓出行期间的气候差异，建议在5~6月或者10~11月出行。骑行用时40~55天，根据骑行者的经验及体力情况可能差异颇大。

食宿：旅途劳累，还是让自己住得舒服些吧，建议选择条件较好的旅馆住宿。

9、大香格里拉环线

风景★★★★★ 难度★★★★ 流行★★★★

成都市→都江堰市→小金县→丹巴县→新都桥镇→理塘县→稻城县→乡城县→香格里拉县→丽江市→泸沽湖镇→盐源县→西昌市→雅安市→成都市。全程1500多公里。

上榜理由：美景集结地。高度浓缩川滇两省的精华景致：低海拔冰川海螺沟、情歌的故里康定、摄影天堂新都桥、中国最美的高原古村丹巴、人间最后的净土稻城亚丁、不能用语言形容其美丽的泸沽湖、雄美壮丽的虎跳峡、古朴秀美的丽江古城……另外，选择此线路还能穿越众多少数民族聚居地，尽情领略绚烂多彩的民族风情。

线路特点：该路线以自然风光见长，全线路程漫长，公路大多盘山而筑，道路崎岖。部分路段为土石路面和沙石路面。9月~ 次年4月是积雪期，5月、10月下旬至11月中旬景色最美，中间几个月可能会受到雨季的影响。

消费预算：4000~6000元。

最佳骑行时间：9~10月，气温适宜，景色绝佳。骑行用时20~30天。

骑行准备：长途骑行（尤其是爬坡）的速度，并不取决于体能和体力，而是取决于所驮物品的重量。此线路爬坡的地方太多，所以尽量少带东西。高原的紫外线很强烈，要注意防晒。

食宿：理塘县、稻城县、乡城县这段路海拔在4000米以上，途经时根据个人情况应准备些补充体力的食物，如巧克力、花生糖等。其他路段的食宿与补给都比较方便。

10、川藏线

成都→拉萨

风景★★★★ 难度★★★★★ 流行★★★★★

成都市→雅安市→康定县→雅江县→理塘县→巴塘县→芒康县→左贡县→八宿县→波密县→林芝县→工布江达县→墨竹工卡县→拉萨市。全程约2200公里。

上榜理由：进藏的经典骑行线路，也是进藏线路中景色最美的，高山草场、滚滚长河、皑皑雪山交替出现。这条线路每年都吸引着不同地区、不同年龄的车友踏上征途，其中的 119道班更是为广大骑友熟知。同时，这也是一条异常艰苦的线路。

线路特点：从成都出发，由东向西进入青藏高原，一路跨过南北走向的岷江、大渡河、雅砻江、金沙江、澜沧江、怒江及其分水岭所构成的道道屏障，翻越折多山、高尔寺山、米拉山等十多座垭口才到达拉萨。除觉巴山垭口海拔3908米外，其余垭口海拔均超过4000米，其中东达山垭口和米拉山垭口海拔达到5000米以上。全线路途艰辛且凶险，几乎每隔两天就要翻越一座大山，还要提防泥石流、滑坡等地质灾害。虽然路途凶险，风景却是独一无二，这也是川藏线最吸引人的地方。

消费预算：5000~7000元。

最佳骑行时间：推荐暮春和早秋时节骑行川藏线，骑行用时25~30天。

骑行准备：在出发前，可以进行一段时间的高强度训练，包括长距离骑行，条件允许一定要训练爬坡，甚至连续数日骑行，并且在外住宿。如果没有这些经历，断难想象翻越某些海拔提升2000米的垭口，需要连续骑行几十公里的上坡路是什么滋味。除了体能，要对自己的自行车有一定了解，如果是新车，最好先磨合一段时间再上路。从康定到八一这段路很难找到真正会修车的师傅，最好提前掌握补胎等简单的修车技术，并带上必备的修车工具。

食宿：一路以四川人开的川菜馆为主，除了少量的巧克力、能量棒、花生之类补充体力的食品外，不必带干粮。（完）

对于不同类型的数据，需要采用不同的统计方法来处理和分析。对分类数据，通常计算出各组的频数或频率，计算其众数和异众比率，进行行列表分析和x²检验等；对顺序数据，可以计算其中位数和四分卫差，计算等级相关系数等；对数值型数据可以用更多的统计方法进行分析，如计算各种统计量、进行参数估计和检验等。

本文链接：http://www.yixieshi.com/pd/10381.html

WEB日志文件

优势：简单方便，不需要修改网页代码，可以自定义日志格式；较多的现成的日志分析工具的支持（AWStats、Webalizer等）；获取网络爬虫数据的唯一途径；可以收集底层数据供反复的分析。

缺陷：数据的质量较低，网站日志包含所有日志数据，包括CSS、图片、脚本文件的请求信息，所以过滤和预处理来提升数据质量必不可少；页面缓存导致浏览无日志记录，这个是比较致命的。

beacons+JavaScript

优势：只需要在页面代码中操作，不需要配置服务器；数据的获取有较高的可控性，可以只在需要统计的页面植入代码；能够获取点击、响应等数据；不需要担心缓存等的影响，数据的准确度较高；可用第三方cookie实现多网站跟踪比较。

缺陷：当浏览器禁止接收图片或者禁用JS时，都可能导致数据获取的失败；只在应用服务层操作，无法获取后台的数据；对图片、文件等请求信息的获取难度相对较大；过多地JS可能导致页面性能的下降，虽然这方面的影响一般可以忽略。

无论通过何种方式，最终数据都是通过日志文件来记录的，只是通过JS可以更容易控制想要获取的数据，并通过在URL带参数的方式记录到日志文件中共解析和统计。所以底层的数据形式无非就是记录在日志文件中的那几项，在WEB日志格式一文中，已经对网站日志的类型和组成做了基本的介绍，这里就再来解析下WEB日志中各项对网站数据分析的作用，以及存在的不确定性和缺陷。

WEB日志中各项的作用

根据WEB日志的组成，下面来介绍下各项在网站数据统计和分析中的作用。其中IP一般在为记录cookie的情况下被用于识别唯一用户的标准，标识符和授权用户一般情况下都为空，而日期时间标识日志生成的时间戳，是一个必备信息。

请求（request）

请求类型比较少会被用于统计，只有少数的统计表单提交情况是会被用到，而版本号对统计来书基本是无用的。

请求的资源一般跟域名（domain，一般在包含子域名需要分开统计，或者多个站点的日志被收集到同一日志服务器是，会在网站日志里面自定义加入域名信息以区分）一起决定本次请求的具体资源，页面点击、图片获取或者其他。当然在URL后面加入一些自定义的参数可以获得一些特殊的统计数据，Google Analytics就是通过这种方式实现session和cookie的定义和获取的。

状态码（status）

状态码比较常被用于一些请求响应状态的监控，301页面重定向或者404错误，统计这些信息可以有效地改进页面的设计，提高用户体验。

传输字节数（bytes）

也比较少被用到，可以判断页面是否被完全打开，文件是否已被读取，操作是否被中断。但在动态页面无法判断。

来源页面（referrer）

referer涉及的统计较为常见，一般是统计访问的来源类型、搜索引擎、搜索关键字等；同时也是点击流中串连用户访问足迹的依据。

用户代理（agent）

识别网络爬虫；统计用户的系统、浏览器类型、版本等信息，为网站开发提供建议，分析各类浏览器的使用情况和出错概率等。

session和cookie

关于session和cookie，可以参考session和cookie的辨析。session被用于标识一个连续的访问，用户统计visits这个度量；而cookie主要用于用户识别，也是统计Unique Visitor的依据。

另外还有一种特殊的网站日志，即记录服务器的提示、警告及错误信息，这类日志可以被用于分析用户的错误。

日志的不准确性

WEB日志在技术层面的获取方式及各类外部因素的影响使基于网站日志的数据分析会存在许多的不准确性，下面来介绍下WEB日志中那些项目可能造成数据的不准确，以及造成这些缺陷的原因。

客户端的控制和限制

由于一些浏览网站的用户信息都是有客户端发送的，所以用户的IP、Agent都是可以人为设置的；另外cookie可以被清理，浏览器出于安全的设置，用户的可以在访问过程中限制cookie、referrer的发送。这些都会导致用户访问数据的丢失或者数据的不准确，而这类问题目前很难得到解决。

缓存

浏览器缓存、服务器缓存、后退按钮操作等都会导致页面点击日志的丢失及referrer的丢失，目前主要的处理方法是保持页面信息的不断更新，可以在页面中添加随机数。当然如果你使用的JavaScript的方法，那么就不需要担心缓存的问题。

跳转

一些跳转导致referrer信息的丢失，致使用户的访问足迹中断无法跟踪。解决方法是将referer通过URL重写，作为URL参数带入下一页面，不过这样会是页面的URL显得混乱。

代理IP、动态IP、局域网（家庭）公用IP

IP其实准确性并不高，现在不止存在伪IP，而且局域网共享同一公网IP、代理的使用及动态IP分配方式，都可能使IP地址并不是与某个用户绑定的，所以如果有更好的方法，尽量不要使用IP来识别用户。

session的定义与多cookie

不同的网站对session的定义和获取方法可能差异，比如非活动状态session的失效时间、多进程同时浏览时sessionid的共享等，所以同一个网站中session的定义标准必须统一才能保证统计数据的准确。cookie的不准确一方面是由于某些情况下cookie无法获取，另一方面是由于一个客户端可以有多个cookie，诸如chrome、Firefox等浏览器的cookie存放路径都会与IE的cookie存放路径分开，所以如果你是用不同的浏览器浏览同一网站，很有可能你的cookie就是不同的。

停留时间

停留时间并不是直接获取的，而是通过底层日志中的数据计算得到的，因为所有日志中的时间都是时刻的概念，即点击的时间点。这里不得不提的是一个session的最后一个页面的停留时间是无法计算得到的，可以来看一下停留时间的计算过程：

假设一个用户在一个session里面依次点击了A->B->C这3个页面，并在点完C之后关闭了浏览器，或者长时间的禁止导致了session的中断。那么我们可以从日志中获得的数据为3个页面的点击时间（HitTime），假设A、B、C点击时间分别为HT_A、HT_B、HT_C，那么A和B页面的停留时间（StayTime）就可以通过计算得到：ST_A= HT_B-HT_A，ST_B= HT_C- HT_B，而因为我们无法获取session结束的时间，所以ST_C是无法通过计算得到的，所以一般session最后页面的停留时间是0，而session得停留时间，即一次访问的时间（Time on site）是HT_C- HT_A，其实是从打开第一个页面到打开最后一个页面的时间间隔，也是不准确的。

另外，我们也无法获知用户在浏览一个页面的时候到底做了什么，是不是一直在阅读博客上的文章或者浏览网站上展示的商品，用户也有可能在期间上了个厕所、接了通电话或者放空的片刻，所以计算得到的停留时间并不能说明用户一直处于Engagement的状态。

　» 本文采用 BY-NC-SA 协议，转载请注明来源：网站数据分析 » 《WEB日志的作用和缺陷》