jQuery Mobile即学即用作品目录
时间:2023-07-11 07:42:01 | 来源:营销百科
时间:2023-07-11 07:42:01 来源:营销百科
jQuery Mobile即学即用作品目录:
版权声明n©2012byO'ReillyMedia,Inc.SimplifiedChineseEdition,jointlypublishedbyO'ReillyMedia,Inc.andPostsTelecomPress,2013.Authorizedtransl……
n
内容提要njQueryMobile是以全球最流行的jQuery为核心的、跨平台的移动Web应用开发框架。本书着眼于移动Web应用开发实战,从应用结构和导航开始,分门别类地介绍了jQueryMobile为开发人员准备好的各种界面部件,包括列表视图、工具条、按钮、表单、网格布局等,还介绍了界面主题和配色,以及……
n
O'ReillyMedia,Inc.介绍nO'ReillyMedia通过图书、杂志、在线服务、调查研究和会议等方式传播创新知识。自1978年开始,O'Reilly一直都是前沿发展的见证者和推动者。超级极客们正在开创着未来,而我们关注真正重要的技术趋势——通过放大那些'细微的信号'来刺激社会对新科技的应用。作为技术社区中活跃的参与者,O'R……
n
前言n如果你是一名Web设计师或开发者,并且正在考虑使用jQueryMobile创建移动应用,那么本书将是你理想的伙伴。jQueryMobile致力于解决一个问题:为市场上众多移动平台和浏览器创建兼容界面。要看懂本书,你只需要了解基本的HTML(任何版本)知识,而懂一些基本的JavaScript则……
n
第1章移动平台n如果你正在阅读本书,说明你可能是一位网页设计师或网页开发者,也可能是一位jQuery爱好者或一位Web应用开发者。在开始写代码之前,我们首先要了解一下移动生态系统以及jQueryMobile适合做些什么。让我们开始吧。……
n1.1为什么需要jQueryMobile
n1.1.1移动互联网的传说
n1.1.2移动Web应用
n1.1.3再问一次,为什么需要jQueryMobile
n1.2jQueryMobile是什么
n1.2.1jQueryMobile不是什么
n1.2.2框架
n1.3移动及平板的世界
n1.3.1设备分类
n1.3.2操作系统和浏览器
n1.3.3jQueryMobile兼容性
n1.4HTML5和CSS3
n1.5主要特性
n1.5.1使用非侵入性语义的HTML5
n1.5.2渐进增强
n1.5.3可访问性支持
n1.6测试Web应用
n1.6.1仿真器与模拟器
n1.6.2远程实验室
n
第2章框架起步n2.1准备文档让我们挽起袖子,创建一个典型的jQueryMobileWeb应用模板。……
n2.1准备文档
n2.1.1需求
n2.1.2托管文件
n2.1.3使用CDN
n2.1.4主HTML5模板
n2.2AdobeDreamweaver的支持
n2.3架构
n2.3.1角色
n2.3.2主题
n2.3.3页面
n2.4导航
n2.4.1后退按钮
n2.4.2内部页面链接
n2.4.3外部页面链接
n2.4.4绝对外部链接
n2.4.5移动互联网特有链接
n2.4.6页面间的过渡效果
n2.4.7反转过渡效果
n2.5对话框
n2.5.1关闭,还是后退
n2.5.2从对话框打开页面
n2.6与电话整合
n2.6.1拨打电话
n2.6.2视频及VoIP呼叫
n2.6.3发送电子邮件
n2.6.4发短消息
n2.6.5其他URI方案
n2.6.6综合起来
n
第3章UI组件njQueryMobile为Web应用准备了相当多的UI组件。记住,我们总是可以使用普通的HTML和CSS来添加内容及实现各种创意。不过,为了兼容各个平台,我们将优先使用框架提供的各种组件。jQueryMobile组件可以分成以下几类:工具栏组件;格式化组件;按钮组件;列表组件;表单组……
n3.1工具栏
n3.1.1定位
n3.1.2真实固定工具栏
n3.1.3在页头中添加内容
n3.1.4在页脚中添加内容
n3.1.5导航栏
n3.1.6固定页脚
n3.2格式化内容
n3.2.1可折叠内容
n3.2.2手风琴部件
n3.3列
n3.4按钮
n3.4.1内联按钮
n3.4.2分组按钮
n3.4.3效果
n3.4.4图标
n3.4.5创建自定义图标
n3.4.6图标位置
n3.4.7纯图标按钮
n3.4.8图标阴影
n
第4章列表n到现在为止,我们已经使用jQueryMobile创建了若干非常简单的页面。下一步是学习使用框架提供的各种控件和视图。本章将讨论列表。几乎所有移动项目的内容中都至少会包含一个列表,所以我们首先关注列表。要从列表的定义开始说起有点儿难,大家都知道列表是什么,作为一个通用术语,这儿也没有新东西可介绍。……
n4.1整页列表与插入列表
n4.2视觉分隔符
n4.3交互行
n4.3.1内嵌列表
n4.3.2分割按钮列表
n4.3.3有序交互列表
n4.4使用图片
n4.4.1行图标
n4.4.2缩略图
n4.5附加内容
n4.6标题与描述
n4.7使用计数气泡
n4.8使用搜索过滤数据
n4.9列表视图速查表
n
第5章表单组件njQueryMobile框架支持标准网页表单,在支持的设备上会自动使用AJAX处理,同时标准表单控件的外观也为触摸操作做了优化。这是关于表单控件的第一个好消息。上面所说的标准网页表单,指的是位于form元素内的一组表单控件,如input、textarea以及select元素等,表单的数据将被发送……
n5.1表单动作
n5.2表单元素
n5.2.1文本标签
n5.2.2域容器
n5.2.3文本输入框
n5.2.4自增长文本区
n5.2.5新HTML5属性
n5.2.6日期输入框
n5.2.7滑块
n5.2.8平移切换开关
n5.2.9选择菜单
n5.2.10单选按钮
n5.2.11复选框
n5.2.12上传文件
n
第6章jQueryMobileAPInjQueryMobile提供了使用JavaScript与框架通信以及进行内容管理的API。首先要知道的是它是一个HTML5框架,创建内容的最佳方式是使用无侵入性的HTML5。使用JavaScript代替标记语言来创建页面和内容时,在一些B级浏览器以及不支持jQueryMobile的老平台上会遇……
n6.1文档事件
n6.2配置
n6.2.1全局配置
n6.2.2页面配置
n6.2.3部件配置
n6.3实用工具
n6.3.1Data-工具
n6.3.2页面工具
n6.3.3平台工具
n6.3.4路径工具
n6.3.5UI工具
n6.4自定义过渡
n6.5动态内容
n6.5.1创建页面
n6.5.2创建部件
n6.5.3更新部件
n6.6创建网格
n6.7改变页面内容
n6.8处理事件
n6.8.1页面事件
n6.8.2部件事件
n6.8.3方向事件
n6.8.4手势事件
n6.8.5虚拟点击事件
n
第7章创建主题njQueryMobile允许开发者通过调整主题和CSS来定制整套用户界面。因为jQueryMobile生成的是HTML和CSS,所以,它的每一个样式都能用CSS来覆盖。图7-1展示了多个不同主题的jQueryMobile站点。如果想要浏览更多自定义界面的站点主题,不妨看看http://jqm……
n7.1ThemeRoller
n7.1.1全局设置
n7.1.2色样设置
n7.1.3审查器
n7.1.4AdobeKuler
n7.1.5输出主题
n7.2Fireworks主题编辑器
n7.3编辑主题
n7.4定制页面过渡
n
第8章安装以及离线访问n使用HTML5技术和其他扩展,可以让jQueryMobile应用和移动设备上的原生应用一样完全离线运行。此外,也可以把jQueryMobile应用打包成一个原生应用通过应用商店发布,这在后面的章节会讲到。在这一章,我们将会学习创建一个不通过应用商店发布的离线Web应用。使用这种方案,用户可以……
n8.1软件包定义
n8.1.1HTML清单
n8.1.2下载应用
n8.1.3访问在线资源
n8.1.4更新资源
n8.1.5JavaScript对象
n8.1.6事件
n8.2安装应用图标
n8.2.1引导
n8.2.2图标快捷方式名
n8.2.3图标定义
n8.3全屏
n8.3.1全屏检测
n8.3.2修饰Web应用
n8.4完整的例子
n8.5存储离线数据
n
第9章Web应用实例n这一章,我们将会创建一个完整的Web应用。本书前面几章讲到的大部分内容,在这个实例中都会应用到。这是一个为某次大会开发的移动应用,它的主要目标是:作为与会者的官方应用;显示每个会议室的议程;提供大会的各种信息。如果你和我一样参加过很多技术会议,多半也有体会,会议现场的网络连接往往都不太可靠,……
n9.1Web应用的结构
n9.1.1离线清单
n9.1.2页面
n9.1.3样式
n9.1.4数据
n9.1.5脚本
n
第10章扩展框架njQuery因其活跃的插件社区而被业界广为称道。同样地,jQueryMobile也可以很方便地经由第三方插件进行扩展。你可以在http://jquerymobile.com/resources/#Plugins找到最新的jQueryMobile插件。jQueryMobile支持多种形式的扩展……
n10.1创建插件
n10.1.1基础模板
n10.1.2创建插件
n10.2插件精萃
n10.2.1分页插件
n10.2.2Bartender插件
n10.2.3DateBox插件
n10.2.4SimpleDialog插件
n10.2.5ActionSheet插件
n10.3供平板使用的插件
n10.3.1SplitView插件
n10.3.2MultiView插件
n10.4兼容的jQueryUI插件
n
第11章为应用商店打包n有人说,应用商店代表了应用的未来。说实话,没人知道未来的应用发布方式究竟是基于应用商店、基于浏览器,还是两者混合的方式。使用HTML5(特别是jQueryMobile)的绝妙之处在于,我们既可以基于浏览器来发布应用,也可以打包成原生应用通过应用商店发布。因此,如果想通过应用商店来发布应用,使用j……
n11.1到应用商店去发布
n11.2自定义的发布
n11.3准备打包
n11.4使用PhoneGap打包
n
关于封面n本书封面上的动物是日本黑貂(属于紫貂),主要生活在日本最北部的北海道岛上,是生活在俄罗斯、蒙古,以及中国北方针叶林中的紫貂的一种。黑貂柔软、光滑的貂皮很值钱。自中世纪以来,一直是兽皮贸易中的主要商品,深受早期欧洲皇室的青睐。俄罗斯产的貂皮最为贵重。今天,这些貂皮既有来自商业养殖的,也有来自野生捕杀……