《jQuery Mobile入门经典》—— 1.1 为什么要使用jQuery Mobile

1.1 为什么要使用jQuery Mobile

jQuery Mobile入门经典
世界正在变得可移动化。根据预测,移动网站的流量在未来几年将会超越桌面网站的流量。即使是现在,随处可以见到人们在使用移动设备来学习、购物、比价,以及在等待约会时作为消遣。移动设备如此方便,可以随意带到任何地方。

来看一下您是如何使用当前的移动设备的。即使您只拥有一台iPod Touch,我敢打赌,您肯定会通过它查看邮件、查找天气预报并且浏览少量的网页。至于您已经安装的应用,其中一部分很有可能或已经是设计精巧的Web应用了。

当您在手机上浏览的时候,大概已经注意到了越来越多的网站提供了一个移动设备的体验或专门的版本。您可能想知道他们是如何创建这个网站的,或者他们是否使用一个复杂的内部系统或框架来制作这个网站。

当然也可能完全不是那样。您可能注意到,通过智能手机或平板电脑上的移动浏览器载入一个网站的时候,设备可能会因为需要载入过多资源而崩溃。

您知道,一定有一种方法使移动网站具备响应式的、灵活、简单的特性,但从何开始呢?大量的移动开发工具包和套件可以使用,但对它们的支持或它们的可靠性又如何呢?

答案其实很简单:您应该使用jQuery Mobile。

1.1.1 响应式

网站的快速响应与许多因素相关:网页转场时如何显示、轻触一个按钮时发生什么,以及网页内容是如何载入的。

您知道“点击”事件与“触摸”事件是有区别的吗?更重要的是,您知道这两个事件有大约300毫秒的时间差吗?当然,300毫秒听起来不算太多,但如果那是点击按钮之后延迟的1/3秒呢?您会因为感觉到延迟而重新点击一次吗?这是jQuery Mobile可以帮助您改善的问题之一。使用触摸事件能减少延迟,加快网站载入时可以感知到的速度,同时极大地提升用户的满意度。

另一个问题是,移动设备在载入普通网页时要花多长时间。有时候您会看到背景先渲染出来,然后是图片占位框,最后才是文本。我曾经遇到过这样的网站,背景载入后就什么也看不到了,因为要等大幅图片或视频完全载入,导致整个页面停在非常难看的未完成状态。我可没有足够的闲功夫去看它们最终是否载入完毕。一个看不到完整网页或不能正确浏览的非响应式网站,无法提供良好的移动体验。

jQuery Mobile在加载图片等内容时,综合运用延迟加载技术和合适的AJAX技术,解决了页面载入的问题。也就是说,网站首先载入对用户来说最重要的内容,当用户被这些第一时间呈现出来的信息所吸引的时候,再同时载入其他的内容。

1.1.2 灵活

在实际开发过程中,当您投入全部精力到一个框架时,却发现不能对它进行自定义,没有比这更糟糕的事情了。假设您不喜欢框架提供的其中一个小部件怎么办?假设样式很难看或与您的品牌不相匹配怎么办?假设框架可以让您自定义样式,却不允许添加自定义的小部件怎么办?这些问题都很实际,使用jQuery Mobile很容易解决。

如果您不喜欢预置的主题,可以使用ThemeRoller来创建属于自己的主题。假设您喜欢整体的主题样式,但需要一个不同颜色的标题样式怎么办?很简单,您可以使用第二个样式表单来覆盖现有的样式。如果要在灵活更改样式方面做到极致的话,您甚至可以把预置的主题替换成自己的主题,从而可以微调所有设置来满足您的需求或与品牌匹配。

至于小部件,可以随意创建您想要的。因为jQuery Mobile基于jQuery框架,您可以像在非移动网站上那样创建和使用小部件或插件。您需要预先考虑到移动环境的不同点(没有鼠标悬停状态或事件、屏幕尺寸受限、较弱的计算能力等),之后就可以自由自在地使用标准JavaScript或借助jQuery框架来创建想要的小部件或插件,并在移动网站中使用它们。

1.1.3 简单

借助于一些新的HTML5推荐标准以及jQuery框架来创建一个网站相当简单。不需要学习框架专有的标记,只是对现在已经在使用的标记的属性进行修改。

1.1.4 支持度与可靠性

jQuery Mobile基于令人惊讶的jQuery库而创建。jQuery库已经证明是一个快速、高效和可靠的JavaScript库。jQuery已经席卷Web开发领域,并改变了开发者在网站与Web应用开发中执行和使用JavaScript的方式。

jQuery团队致力于让jQuery库成为JavaScript开发的第一选择。以此作为基础,jQuery Mobile确保能获得全面的支持,并在未来成为可信赖的解决方案。jQuery还被微软公司作为首选的JavaScript框架,在Visual Studio中包含了全面的代码自动完成支持。

与jQuery Mobile团队取得联系很简单。他们有专门的博客、论坛和Twitter账号,用于持续讨论更新、特性、有用的提示和指导。jQuery Mobile开发社区正在快速地成长,现在正是投入和参与这一项目的最好时机。

时间: 2024-10-26 03:25:35

《jQuery Mobile入门经典》—— 1.1 为什么要使用jQuery Mobile的相关文章

《jQuery Mobile入门经典》—— 第 1 章 了解jQuery Mobile

第 1 章 了解jQuery Mobile jQuery Mobile入门经典 本章将学习: 为什么要使用jQuery Mobile: 什么设备支持jQuery Mobile: 有助于开发网站的工具. 我很高兴您对jQuery Mobile感兴趣并开始学习它.首先,我们开始一个简短的讨论,看看为什么您要考虑投身于移动设计,以及为什么jQuery Mobile是最好的解决方案. 然后,您会了解到jQuery Mobile支持的不同类型的设备,并快速浏览一下jQuery Mobile支持的操作系统.

《jQuery Mobile入门经典》—— 1.2 支持的设备

1.2 支持的设备 jQuery Mobile入门经典 jQuery Mobile能用在什么设备上面呢?几乎所有具有浏览器的设备都可以运行jQuery Mobile(包括台式机).然而根据所使用的浏览器以及浏览器之下的硬件设备的不同,将获得不同的体验.当然从更深的层次来看,这也与设备所使用的操作系统有关.以下按设备的尺寸从大到小列出jQuery Mobile支持的设备. 1.2.1 台式机.笔记本电脑与一体机 使用jQuery Mobile的网站可以运行在PC.Mac或者Linux计算机上的任何

《jQuery Mobile入门经典》—— 2.3 使用JavaScript完成功能

2.3 使用JavaScript完成功能 jQuery Mobile入门经典 我们现在知道如何在网站中使内容具备样式--如果可以在访问者来查看网站的时候让某些事情发生,那可能会挺好.这就是JavaScript发挥作用的地方. 起初,在JavaScript开始引入的时候,获得了一个不好的名声.人们不理解它是什么,或者它有什么用处.我记得我的一个朋友确信他中了病毒,因为每次他访问某一网站的时候,单词会跟随他的鼠标在屏幕上围绕. 对许多人来说,JavaScript成为令人讨厌的东西,充其量不过是一个制

《jQuery Mobile入门经典》—— 1.3 开发者的宝库

1.3 开发者的宝库 jQuery Mobile入门经典 既然已经了解jQuery Mobile可以运行在几乎所有连接到网络的设备上,您可能会问一些问题,例如: 我要用什么编程语言来创建移动网站? 如果有的话,什么集成开发环境(IDE)可用于开发? 我需要安装Web服务器来开发移动网站吗? 我应该在什么平台上开发移动网站? 我可以使用免费工具做开发吗?或者开发工具会涉及费用吗? 这些都是实际而重要的问题.作为开发者,应该知道哪些工具可以使用.下面来回答每一个问题并对其进行扩展,使您明确知道开发者

《jQuery Mobile入门经典》—— 第 2 章 使用HTML、CSS和JavaScript

第 2 章 使用HTML.CSS和JavaScript jQuery Mobile入门经典 本章将学习: HTML当前的角色: 给网页添加样式的不同方法: JavaScript是什么以及如何使用它. 本章讲述有关使用HTML.CSS和JavaScript的概念和当前的趋势.这是很重要的部分,因为它在使用jQuery Mobile进行开发过程中扮演着主要的角色.使用jQuery Mobile的网站基于HTML而创建,并且尽管它们通过一个默认主题来设计样式,不过可能想把样式改为更具有个人风格.要完成

《jQuery Mobile入门经典》—— 2.7 练习

2.7 练习 jQuery Mobile入门经典 1.写一个类似于程序清单2.8的包含单击事件的简单的网页,并改变当单击触发时要发生的事情. 2.使用HTML5文档类型创建一个网页,并添加一些元素和基本的样式.在拥有的最旧和最新版本的IE浏览器中查看这个网页.注意HTML5文档类型是如何没有把IE导向到标准的"怪异"模式并仍然正确地显示网页(假如您想知道不会,HTML5文档类型不会帮您解决IE 6的双倍外边距的问题).如果没有IE浏览器或者运行在OS X或Linux上,尝试找一个旧版本

《jQuery Mobile入门经典》—— 1.7 练习

1.7 练习 jQuery Mobile入门经典 1.下载本章介绍的一些程序并安装它们.感受一下,哪一款能最好地适合个人的开发风格,哪一款满足个人或公司的预算. 2.调查一下您的国家或地区移动设备使用的接受程度和影响.熟悉您的区域的相关统计数据,对您在细分市场中是已经占领优势还是要奋起直追,能获得一个更好的认识. 3.花几分钟时间在移动设备上浏览一下网站.记下您所喜欢的,以及您希望的什么特性是这些网站已经具备的.写下有多少网站自动向您提供移动版本,哪些网站忽略了您的移动设备.另外再记录一下,您访

《jQuery Mobile入门经典》—— 1.4 总结

1.4 总结 jQuery Mobile入门经典您已经认识到要开始开发移动网站的重要性,以及为什么应该使用jQuery Mobile来开发. 您现在对jQuery Mobile支持的设备有了基本的了解,并对计划准备这些设备有了一个整体的认识. 最后,您还了解了用于开发的各种工具,包括编程语言.IDE和Web服务器. 有了这些知识,现在应该可以着手准备进行移动开发了,也可以去找找看哪些工具您用得顺手.

《jQuery Mobile入门经典》—— 2.5 问与答

2.5 问与答 jQuery Mobile入门经典问:单行层级格式的样式表会造成任何渲染上的问题吗?答:是的,使用单行层级格式的样式表对某些浏览器来说可能偶尔会造成问题.当在CSS中设置属性和值的时候,如果忘记在某个值前面添加一个空格,这个值可能会被跳过,导致样式不完整.这就是为什么许多开发者更喜欢使用段落样式,并且在生产机上使用之前再压缩代码的另一个原因. 问:即使开发者们现在使用CSS来表现样式,我可以仍然使用表格吗?答:当然可以.只是要记住,只有为了显示列表数据才使用表格.真的应该避免作为