Skip to content

Latest commit

 

History

History
135 lines (83 loc) · 10.8 KB

File metadata and controls

135 lines (83 loc) · 10.8 KB

零、序言

jQuery Mobile 是一个屡获殊荣的基于 HTML5/CSS3 的开源跨平台 UI 框架。它提供了一个非常酷且高度可定制的 UI。它建立在流行的 jQuery 库之上,并使用声明式编码,使其易于使用和学习。考虑到它支持的众多浏览器和平台,它是当今的市场领导者。

jQuery Mobile Cookbook以简单易懂的方式展示了 80 多种食谱。您可以快速学习并立即开始编写代码。还介绍了高级主题,例如使用脚本操作、自定义和扩展框架。这些小贴士可以解决日常生活中常见的问题。这本书对于初学者和经验丰富的 jQueryMobile 开发人员都非常方便。

您可以从使用各种控件开发简单的应用开始,并学习如何自定义它们。稍后,您将探索如何使用高级方面,例如配置、事件和方法。

开发单页和多页应用。使用缓存提高性能。使用自定义过渡、图标精灵、样式和主题。了解高级功能,例如配置、事件和方法。通过 jQuery Mobile 探索 HTML5 的新特性和语义。

jQuery Mobile Cookbook是一本易读的书,里面有很多实用技巧和截图。

这本书涵盖的内容

第 1 章开始,首先简要介绍 jQueryMobile 框架是什么以及它可以为您做些什么。您将在这里编写第一个 jQueryMobile 跨平台应用。您还将看到如何使用在线JSBin工具开发和测试您的应用。

第 2 章页面和对话框,在这里您将学习如何比较和使用单页和多页模板应用。您将学习各种性能增强技术,例如预取和使用 DOM 缓存来提高页面加载速度。您将使用 JavaScript 和 CSS 创建新的自定义转换,还将学习使用登录页面的页面重定向。您还将创建一个自定义样式的对话框,并使用 HTML5 历史 API 创建您自己的自定义弹出窗口。

第三章工具栏,在这里,您将学习如何使用固定和全屏工具栏,以及如何在页面间保留导航链接。您将看到如何创建和添加自定义圆形按钮、图像、自定义返回按钮到页眉以及网格布局到页脚。

第 4 章按钮和内容格式,这里您将使用 JavaScript 动态创建一个按钮并为其分配一个操作。然后,您将学习如何使用自定义图标,添加自定义图标精灵,最后替换 jQueryMobile 框架提供的现有图标精灵。您将学习如何创建嵌套的手风琴(可折叠集),如何创建自定义布局网格,最后了解如何在应用中格式化和显示 XML 和 JSON 内容。

第 5 章表单向您展示了如何以本机方式设置表单样式、禁用文本控件以及将单选按钮分组到多行网格中。您将学习自定义复选框组、自动初始化选择菜单以及创建动态翻转开关和滑块控件。您还将看到如何使用POST验证表单并将表单提交给服务器,以及如何使用GET获取数据。最后,您将学习如何创建一个可访问的表单。

第六章列表视图,在这里您将学习如何使用各种列表类型,并对其进行定制。您将使用插入列表、自定义编号列表,然后创建只读列表。您将看到如何格式化列表内容、使用拆分按钮和图像图标列表。您还将为列表创建一个自定义搜索过滤器,并最终了解如何使用 JavaScript 修改列表。

第 7 章配置向您展示了如何调整、配置和定制 jQueryMobile 框架提供的各种选项和设置。配置活动类、启用 Ajax、自动初始化页面、配置默认转换、自定义错误和页面加载消息,以及使用您自己的自定义名称空间,这些都与一些更高级的配置选项一起介绍。

第 8 章事件向您展示了如何使用框架中可用的各种事件。您将学习使用方向、滚动、触摸、虚拟鼠标和布局事件以及页面初始化、页面加载、页面更改和页面删除事件。您还将看到如何使用页面转换和动画事件。

第 9 章方法和实用程序,在这里您将看到如何使用框架中提供的方法和实用程序。本章介绍了框架提供的方法,并列出了每种方法的工作方法。您将看到如何加载页面、更改页面以及如何进行静默滚动。

第 10 章主题框架,在这里您将学习如何为嵌套列表设置主题、设置按钮角样式以及使用自定义背景和字体。您将探索如何覆盖全局活动状态和现有样例。最后,您将使用ThemeRollerweb 工具创建并使用您自己的样例。

第 11 章HTML5 和 jQuery Mobile,在这里,您将看到如何在您的 jQuery Mobile 应用中使用各种 HTML5 功能。您将探索一些新的 HTML5 语义,使用应用缓存使您的应用脱机,使用 Web Workers 查看异步操作是如何完成的,并且您将使用 Web 存储使用本地和会话存储来存储数据。然后,您将看到如何使用画布绘制 2D,使用 SVG 图像并在其上应用高斯模糊过滤器,使用地理定位 API 跟踪设备位置,最后了解如何在应用中使用音频和视频。

这本书你需要什么

要使用 jquerymobile,您所需要的只是您最喜欢的文本编辑器来编写 HTML 代码。然后,您可以在您喜爱的浏览器中运行此代码,并在各种平台和设备上启动应用。支持的平台和设备的完整详细列表可在上找到 http://jquerymobile.com/gbs

要安装并运行烹饪书中的食谱,您必须从下载并安装node.jsweb 服务器 http://www.nodejs.org 。nodejs 网站上的在线文档提供了在特定平台(Windows/Linux/Mac)上安装所需的简单步骤。本烹饪书附带的源代码包只需要提取,它包含所有必需的 nodejs 模块。现在,您可以直接在浏览器中启动配方。有关如何执行此操作的详细说明,请参阅源代码包中的Readme.txt文件。

这本书是给谁的

如果您是 jQuery/JavaScript 技能的初学者,本书将为您提供大量示例,帮助您入门。

如果您是一名经验丰富的开发人员,本书将让您更深入地探索 jQuery Mobile。

公约

在这本书中,你会发现许多不同类型的文本可以区分不同类型的信息。下面是这些风格的一些例子,并解释了它们的含义。

文本中的代码如下所示:“现在,在您喜爱的浏览器中打开main.html文件,您将看到类似于以下屏幕截图的输出:”。

代码块设置如下:

<body>
  <!-- Main Page -->
  <div id="main" data-role="page">
    <div data-role="header">
      <h1>Welcome - JS BIN</h1>
    </div>
    <div id="content" data-role="content">
      <p>The jQuery Mobile Cookbook</p>
    </div>
    <div data-role="footer">
      <h4>Enjoy reading the book ...</h4>
    </div>
 </div>
</body>
</html>

当我们希望提请您注意代码块的特定部分时,相关行或项目以粗体显示:

<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/latest
  /jquery.mobile.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com
 /jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest
  /jquery.mobile.js"></script>
<meta name="viewport" content="width=device-width, 
 initial-scale=1">
<title>Welcome using JS Bin</title>
</head>

新术语重要词语以粗体显示。例如,您在屏幕上、菜单或对话框中看到的文字出现在文本中,如下所示:“您也可以通过单击run with JS按钮手动运行脚本。”

警告或重要注释显示在这样的框中。

提示

提示和技巧如下所示。

读者反馈

我们欢迎读者的反馈。让我们知道你对这本书的看法你喜欢或可能不喜欢什么。读者反馈对于我们开发您真正从中获益最多的标题非常重要。

要向我们发送一般反馈,只需向<[feedback@packtpub.com](mailto:feedback@packtpub.com)>发送电子邮件,并通过邮件主题提及书名即可。

如果您需要并希望看到我们出版一本书,请在www.packtpub.com或电子邮件<[suggest@packtpub.com](mailto:suggest@packtpub.com)>上的建议书名表单中向我们发送注释。

如果您对某个主题有专业知识,并且您有兴趣撰写或贡献一本书,请参阅我们的作者指南,网址为www.packtpub.com/authors

客户支持

既然您是一本 Packt 图书的骄傲拥有者,我们有很多东西可以帮助您从购买中获得最大收益。

下载示例代码

您可以下载您在账户购买的所有 Packt 书籍的示例代码文件 http://www.PacktPub.com 。如果您在其他地方购买了本书,您可以访问http://www.PacktPub.com/support 并注册,将文件直接通过电子邮件发送给您。

勘误表

虽然我们已尽一切努力确保内容的准确性,但错误确实会发生。如果您在我们的一本书中发现错误,可能是文本或代码中的错误,如果您能向我们报告,我们将不胜感激。通过这样做,您可以使其他读者免于沮丧,并帮助我们改进本书的后续版本。如果您发现任何错误,请访问进行报告 http://www.packtpub.com/support ,选择您的书籍,点击勘误表提交表链接,输入您勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上传到我们的网站上,或添加到该标题勘误表部分的任何现有勘误表列表中。通过从中选择您的标题,可以查看任何现有勘误表 http://www.packtpub.com/support

盗版

在互联网上盗版版权材料是所有媒体的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上发现我们作品的任何形式的非法复制品,请立即向我们提供地址或网站名称,以便我们采取补救措施。

请致电<[copyright@packtpub.com](mailto:copyright@packtpub.com)>与我们联系,并提供可疑盗版材料的链接。

我们感谢您在保护我们的作者方面的帮助,以及我们为您带来有价值内容的能力。

问题

如果您对本书的任何方面有疑问,请致电<[questions@packtpub.com](mailto:questions@packtpub.com)>与我们联系,我们将尽力解决。