PHP资源站-WEB前端技术交流社区

 找回密码
 立即注册
查看: 311|回复: 3

jQuery Mobile即学即用PDF

[复制链接]

193

主题

234

帖子

751

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
751
发表于 2016-11-28 17:10:13 | 显示全部楼层 |阅读模式

51Ek3XixkjL.jpg

jQuery Mobile是以全球最流行的jQuery为核心的、跨平台的移动Web应用开发框架。《jQuery Mobile即学即用》着眼于移动Web应用开发实战,从应用结构和导航开始,分门别类地介绍了jQuery Mobile为开发人员准备好的各种界面部件,包括列表视图、工具条、按钮、表单、网格布局等,还介绍了界面主题和配色,以及为jQuery Mobile编程准备的事件、配置及响应式布局API。《jQuery Mobile即学即用》最后向读者展示了一个完整的Web应用开发示例。

jQuery Mobile即学即用,适合所有对开发移动Web应用感兴趣的读者阅读参考。

添加了书签,整理了页面~

jQuery Mobile即学即用PDF截图:

捕获.PNG

游客,如果您要查看本帖隐藏内容请回复

第1 章 移动平台

如果你正在阅读本书,说明你可能是一位网页设计师或网页开发者,也可能是一位jQuery 爱好者或一位Web 应用开发者。在开始写代码之前,我们首先要了解一下移动生态系统以及jQuery Mobile 适合做些什么。让我们开始吧。

1.1 为什么需要jQuery Mobile

你可能会问的第一个问题是jQuery Mobile 存在的意义是什么?既然已经有大最能渲染标准桌面网站的移动浏览器了,为什么还要专门考虑移动设备?让我从我的另一本书《移动网络程序设计》(Programming the Mobile Web) 中复制粘贴一些内容来回答这些问题。当然,我已经从自己这儿得到授权了。

1.1 .1 移动互联网的传说

随着人们访问互联网的方式延伸到移动终端,开发者中间也流传着很多故事,这些故事讲述了这个趋势将给他们的工作带来什么影响。虽然有些故事是真实准确的,但也不乏带来误导的、让人迷惑的,甚至是极端错误的描述。

1. 没有所谓的移动互联网,只有一个互联网过去的几年里我曾经多次听说这个言论。的确只有一个互联网,想一下你的生活吧,你不会为你的手机专门设置另一个Email 账号。(好吧,我知道有些人会这样做,但我相信这并不是普遍情况。)

在最喜欢的网站上,比如在ESPN 上阅读最新的NBA 赛事的消息,台式机和手机访问的都是同一个新阁源。你也真的不想用手机访问另一个社交网络,而是希望使用和桌面电脑上相同的Facebook 或Twitter 账号。在桌面电脑上创建朋友列表已经很痛苦了,你已经因此忽略了很多人,你可不想把这些事在手机上再重做一次。

因此,只有一个互联网。不过,在为移动互联网做开发时,我们面对的是非常、非常不一样的设备。最明显的不同是屏荔尺寸,这也将是我们遇到的第一个问题。除此之外,还有很多不那么明显的差异,比如我们使用移动设备的情境,通常和使用舒适的桌面电脑甚至笔记本、上网本时的地点、场景完全不同。

不要误会我,这不是说,开发者必须为我们的工作创建两个、三个或多个版本。这就是jQuery Mobile 要解决的问题。

2. 设计移动网站不需要什么特别处理

今天市场上几乎所有的智能手机,如iPhone 以及基千Android 的设备,都可以读取并显示完整的桌面站点,这是事实。用户希望在移动互联网上的体检和在桌面电脑上的一致,这也是事实。一些统计甚至显示,用户使用智能手机时,更倾向于选择桌面版本而不是移动版本。不过,这是因为我们喜欢通过缩放、滚动以及旋转操作来浏览信息呢,还是因为移动版本的用户体验实在太差了?我曾经见过很多移动互联网网站,除了logo 和若干文本链接之外什么也没有。我希望在智能手机上看到更多的东西!

3. 一个网站应当在所有设备(台式机年手机、电视)上都能运转

如同我们即将看到的,有一些技术能让我们只创建一个文件就能为包括桌面电脑、手机、电视以及游戏终端在内的众多设备提供不同的体验,这个愿景被称为OneWeb 。今天,有很多移动设备的连接速度很慢,资源也受限-我说的是非智能手机,理论上它们也能读取并解析文件,但如果我们把为桌面设备准备的文档发给它们,则它们非但不能提供最好的体验,还可能产生一些兼容性问题。因此, OneWeb 仍然是将来时。为了让不同的移动设备都能提供良好的用户体验,还需要做一些额外工作,不过也有一些技术可用于减少这些工作井避免代码和数据的重复。

4. 只要创建一个240像素宽的HTML文件.就算是一个移动网站了这是另一种关于移动互联网的简单化认识。今天,市场上有3000 多种移动设备,差不多有50 种不同的浏览器(事实上,如果我们按它们的版本号来划分的话,有500多种不同的浏览器)。只有一个HTML 文件的移动网站是相当不靠谱的。另外,这种做法,实际上是在助长移动互联网毫无用处的错误观念。

1.1.2 移动Web 应用

我并不打环讨论移动Web 开发与原生开发孰优孰劣,事实上,我相信这个讨论本身没有多大意义。通常,这些讨论的焦点就是对比原生代码与JavaScript 代码,或浏览器应用与本地应用。不过,这些讨论可能不会提到的是,对原生开发环来说,多平台开发是有挑战的,困为每个平台都有不固的SOK 。既然问题的核心是要便利地在多个移动设备上开发及发布,那么移动Web 开发在大多数情况下都是一个完美的解决方案。Web 应用有着大址的同义词或近义词,如移动Web 应用、小部件(widget) 、聚合(hybrid) 、HTML5 应用等。

特别是,移动Web 应用与通常的移动网站在目标上并不相同。一个Web 应用通常会模仿原生的手机应用,有着更加事务型的用户界面。它虽然仍是由网页技术(HTML 、css 、JavaScript 、AJAX) 创建的, 但向用户提供了一个类似应用程序的体验。

很多移动Web 应用也使用了离线或地理定位(geolocation) 等HTML5 特性,以便提供更好的体验。地理定位不是HTML5 官方标准,而是W3C 的一个独立API, 不过,它经常以HTML5 名义被提到。

Web 应用可以用很多方式(见图1-1) 实现,包括:

• 从浏览器中访问:

• 安装为一个全屏的Web 应用:

• 通过提供商实现的官方包(有时叫小部件)安装:

• 内嵌在本地应用中,通常称为聚合。

捕获.PNG

本书剩下的部分将介绍如何创建这些网页应用。想了解这方面的更多信息,可以阅读我的另一本书《移动网络程序设计》。

Web 应用通常会为网页设计师和开发人员带来新的挑战,比如加载视图而不是页面,管理视图之间的双向导航,以及创建为触屏设备定制的富控件等。

1 . 1.3 再问一次为什么需要jQuery Mobile

如果你已读过了上面几页(我相信你已经读过了),就会知道在移动互联网设计及开发中有一些新的挑战。我们需要创建Web 应用,而不仅仅是简单的网站。有太多的设备以及浏览器要兼容,同时,也有许多由社区和设备提供商开发的程序库尝试解决这些问题。

这就是jQuery Mobile 诞生的原因: 让设计师和开发者使用少址代码即可更容易地创建跨平台、可定制的移动互联网体验。

jQuery 世界范围的广大社区也将为这个框架的未来提供大益机会。

这个框架同时还获得了移动领域许多大牌公司的官方赞助和支持, 其中包括:

• Adobe;

• Mozilla 公司;

• HP Palm;

• BlackBerry/RIM ;

• Nokia;

• DeviceAtlas 及dotMobi 。

1.2 jQuery Mobile是什么

根据位于http://www.jquerymobi l e.com 的官方说明:

jQuery Mobile 是一个支持所有流行移动设备平台的统一的用户界面系统,基坚如磐石的jQuery 及jQuery U1 。它轻量级的代码使用渐进增强方式构建,具有可伸缩、易更换主题的设计特点。

1.2.1 jQuery Mobile不是什么

知道jQuery Mobile 不是什么,对理解jQuery Mobile 十分重要。

• jQuery Mobil e 不是移动浏览器上的jQuery 。

要使用jQuery Mobile , 需先载入通常的jQuery 框架。或者说, 它并不是jQuery的替代,而是一个构建jQuery 之上的UI层。

• jQuery Mobile 不是Web 应用的开发包。

可以使用j Query Mobile 来创建完整的移动应用体验,但你仍然需要一些额外的工作来将它编译为原生应用。在后面儿章中,我们将了解到为什么要这样做,以及具体何时、怎样来做。

• jQuery Mobile 不是专属于JavaScript 爱好者的框架。

除了些高级主题,使用jQuery Mobile 时一般无佑涉及任何JavaScript 代码。对讨厌大括号、分号这些JavaS cript 语法的Web 设计师而言, 这是一个好消息。

• jQuery Mobile 不是面向所有移动应用/网站/游戏的决方案。

尽管如此, jQuery Mobile 可以为它们中的大多数提供解决方案。至于剩下的那些,我不得不建议你去阅读我写的另一本相关书

0

主题

8

帖子

49

积分

VIP会员

Rank: 8Rank: 8

积分
49
发表于 2016-11-28 18:32:20 | 显示全部楼层
66666666666666666666666

0

主题

6

帖子

0

积分

注册会员

Rank: 6Rank: 6

积分
0
发表于 2016-12-28 15:28:54 | 显示全部楼层
还是没人气啊。

0

主题

1

帖子

0

积分

注册会员

Rank: 6Rank: 6

积分
0
发表于 2017-3-20 09:39:07 | 显示全部楼层
感谢分享,正需此类书籍。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|PHP资源站 |网站地图

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.