作者：李柯泉,夏毓彦
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
构建跨平台APP：jQueryMobile移动应用实战(第2版)试读：
前言
jQuery Mobile是一个免费的、开源的、跨平台的移动开发框架，是基于HTML 5的快速开发工具，它能够极大地解放开发者的时间和精力。遗憾的是，由于国内交流氛围所限，目前关于jQuery Mobile的资料非常少，而且不够详细。作者结合自己的开发经验，在本书中全面介绍了jQuery Mobile的控件、jQuery Mobile的布局，以及jQuery Mobile开发和发布应用的方法。本书的目的是力求通过实战让读者在练习中熟练掌握利用jQuery Mobile快速开发的方法，并能够真实地将技术转化为经济利益。可以这么说，jQuery Mobile的前途和钱途都是不可限量的。本书特色
实战，实战，还是实战
本书采用实例驱动的方式介绍jQuery Mobile下的APP开发，全书通过70余个实战案例手把手指导读者进行移动开发，最后还通过6个小型项目来复习和巩固所学知识点。
不是iOS平台、Android平台下的开发，是全平台开发
本书开发的项目是全平台应用，读者可移植到任意的移动平台，这是jQuery Mobile风靡的原因，也是本书的宗旨，即实现真正的跨平台应用。
技术来源于生活，案例也来源于生活
本书的案例包含了笔者做过的很多应用，包括天天背单词APP、移动校园APP、在线音乐播放器、在线视频播放器、通讯录、课程表、Metro界面、新闻列表、手机调查问卷、计算器、移动BBS、电子阅读器等，这些案例全部来源于真实的生活。
低门槛、浅阅读，轻轻松松就能学会
为使本书更加详尽易懂，每写完一章，笔者特意邀请3位零基础在校生阅读并提出意见，快速分析出被遗漏的知识点和讲解不清楚的技术点，使本书更方便初学者入门。笔者的初衷是：不但能让读者了解做什么（What）与怎么做（How），更能让读者清楚为什么要这么做（Why），本书还提供了很多跨平台移动APP的工具和使用技巧，帮助读者找到最佳的学习路径和项目解决方案。知识结构
本书共四篇19章，主要章节规划如下。
第一篇（第1～3章）移动开发入门
跨平台的框架有很多，为什么选择jQuery Mobile？选择它后，如何为它搭建开发环境？搭建完环境后，又如何开发第一个Hello World应用？如何测试和打包应用？这些都是本篇要介绍的内容，除此之外，笔者还解答了初学者对于HTML 5的一些常见误区。
第二篇（第4～12章）jQuery Mobile基础
凡是玩过智能手机的人都知道，一个APP大概会包含页面、对话框、工具栏、按钮、表单、列表等可视元素，本篇就是介绍如何用jQuery Mobile制作这些元素，并在手机上显示出来。学会这些后，还介绍jQuery Mobile的一些高级特性，如布局、插件、事件等。本篇最后通过计算器、移动BBS、记事本、全键盘界面这几个小案例来复习这些jQuery Mobile的重要知识点。
第三篇（第13～18章）跨平台APP实战
本篇介绍了6个利用jQuery Mobile实现的项目，分别为大学移动校园、个人博客项目、在线音乐播放器、在线视频播放器、大学校园表白墙、天天背单词。本书不仅仅给出了这些项目的源代码，还给出了数据库和APP UI的一些设计技巧。
第四篇（第19章）发布和推广应用
本篇内容不多，却是APP能被广大受众认可的关键内容。本篇讲述了如何将jQuery Mobile开发的应用通过APICloud打包，然后生成各个平台可执行文件。本篇还介绍了发布和推广应用的方法，使读者能真正将开发的应用转化为经济效益。面向读者● HTML 5初学者与HTML 5开发人员● 跨平台移动应用开发人员● 前端开发人员和前端设计人员● jQuery Mobile初学者和开发人员● 高等院校及培训学校的师生本书代码下载
本书配套的示例代码及开发工具下载地址（注意数字和字母大小写）如下：
http://pan.baidu.com/s/1hrMyT4w（密码：t3gq）
如果下载有问题，请电子邮件联系booksaga@163.com，邮件主题为“jQuery Mobile 2代码”。致谢
参与本书创作的人员除了封面署名作者外，还有王立平、刘祥淼、彭霁、樊爱宛、张泽娜、曹卉、林江闽、李阳、宋阳、杨超、赵东、李玉莉、刘岩、李雷霆、韩广义等。在此感谢清华大学出版社图格事业部编辑们的辛苦工作，使本书尽早与读者见面。编者2017年1月第一篇移动开发入门第1章初探移动开发jQuery Mobile是一个用来构建跨平台移动Web应用的轻量级开源UI框架，具有简单、高效的特点。它能够让没有美工基础的开发者在极短的时间内做出非常完美的界面设计，并且几乎支持市面上常见的所有移动平台。可以说，jQuery Mobile是移动开发者梦寐以求的神器。本章先不涉及具体的知识，仅仅从当前移动设备硬件的发展和移动开发领域的竞争两个角度，来说明为什么使用jQuery Mobile是开发者明智的选择。
本章将介绍在使用jQuery Mobile进行开发时所必须掌握的一些名词，如HTML 5、jQuery等。本章主要的知识点包括：● 手机以及平板电脑技术的发展趋势● 当前移动开发者所面临的挑战及应对措施● 什么是HTML 5以及当前大众对HTML 5所存在的误区● 什么是jQuery Mobile以及为什么要选择jQuery Mobile1.1 如今的移动行业
2009年的夏天，笔者拥有了平生第一部安卓手机，当时选择它是因为它给了已经厌倦塞班的笔者另外一种选择。那时候谁都无法想到移动产业会发展到如今的状态。1.1.1 手机和平板的世界
在2007年1月9日
举行的MacWorld上，Apple公司发布了一款名为iPhone的智能手机（图1-1为2007年发布的第一代iPhone），笔者认为，这是移动手持设备崛起的一个开始，因为是它让触屏智能手机的形象开始深入人心，也是它改变了用户使用手机的方式，让用户以一种触摸的方式享受流畅的操作体验。图1-1 2007年发布的iPhone
但自始至终，苹果手机的价格都是昂贵的，现在是，过去也是。以至于它制造了巨大的影响力，引领开启了智能手机时代，诺基亚的霸主地位已经不再。实际上当时的手机市场主要还是以外观为卖点，尤其是非智能手机市场。
2007年11月，Google与其他84家厂商联合完成了一款基于Linux的开源操作系统，并将它命名为Android，第一款Android手机在第2年10月发布，这就是由台湾宏达电（也就是HTC）生产的Dream，也就是论坛上常说的刷机神器G1（图1-2为HTC G1）。也正因为如此，虽然Google在2011年收购了摩托罗拉，但是在绝大多数用户心中HTC才是安卓最正统的继承人。图1-2 HTC G1 Dream
这款手机当时的售价也不菲，毕竟是要与iPhone相抗衡的产品。这款手机没有配备蓝牙，同时软件也比较少，在当时还受过不少嘲笑。毕竟那时候还是诺基亚大放光彩的时代，其强大的娱乐性能不知道超越了G1多远。但是后来一款真正能够与苹果抗衡的手机诞生了。
移动设备的另一个里程碑就是2009年发布的HTC G3（Hero）。在该机上Android第一次支持了Flash并且具备了比较高的配置（至少在不玩大型游戏的情况下能够保证日常使用），而且3.2英寸在当时绝对算是超级大屏幕（图1-3为HTC G3）。图1-3 HTC G3 Hero
很快安卓得到了用户的认可，2010年1月，谷歌推出了Nexus One，512MB的ROM与RAM在那时比现在的八核还要震撼，3.7寸的屏幕在当时也令人感到惊讶（图1-4为谷歌Nexus One）。图1-4 谷歌Nexus One
正是在这之后，用户开始向往拥有一款安卓系统手机，可惜作为谷歌的“亲儿子”，Nexus One的性能并不给力，陀螺仪甚至话筒等部件频频出现bug，以至于最终只被当作开发工具来使用。
在这之后的一年内涌现出一大波神器级别的手机，如Samsung I9000、MOTO Defy以及HTC为弥补Nexus One的不足而设计的G7 Desire，还有性价比无敌的G8 Wildfire。这些手机如今很难再吸引用户的眼球，但是在那个时代，它们所带来的诱惑永远会被人们记住。
2011年8月6日，小米公司推出了它的第一款小米手机，这是第一款由我国独立生产却可以在中高端市场中占据一席之地的手机（图1-5为小米一代）。图1-5 小米1S请读者记住这一天，这也是MIUI发家的历史，我相信对各位开发者也有非常巨大的激励作用，同时小米由软件推广硬件的做法也极具借鉴价值。
时间跳转到2012年8月30日，这一天发布了一款里程碑性质的手机Samsung Note 2，它大胆采用了5.5英寸的Super AMOLED魔幻屏，另外直接打包了三星定制版的果冻豆系统。这款手指直接促成了三星系列从Galaxy到Tab等产品的成功，如图1-6所示。图1-6 三星Note 3
这几年手机行业发展的如火如荼，手机品牌也发生了大的变化，小米手机从1代已发展到目前的5代，华为步伐紧跟，成为Android阵营国产手机中的佼佼者，还有魅族、OPPO、VIVO、锤子等。手机行业可为百家争鸣。三星手机在这场角逐中地位逐渐下降。表1-1所示为近几年的部分安卓手机配置表。表1-1 近几年来的部分安卓手机配置表（续表）
通过该表可以发现手机发展的一些趋势：● 屏幕越来越大，像素越来越高。最初的3.7英寸就可以称之为巨
屏，如今5.0英寸已经沦落为“标配”；320×480的分辨率就被用
户称赞画质细腻，如今经常可以见到1080P的IPS屏幕，这不得
不说是技术发展的必然。● 配置越来越高，虽然表中没有列出RAM、ROM等数据，但是单
从CPU这一项就可以发现手机的配置发生了翻天覆地的变化。● 同质化比较严重，如果说最初MOTO总能利用键盘做文章，搞出
些像“后空翻”这样的小把戏，那么如今的手机设计越来越千篇
一律，但是不这样又能怎么样呢？仅触控这一点就决定了目前的
智能手机只能是一个机身加一块屏幕，也难怪用户抱怨手机没有
新意了。
除此之外，还有非常重要的一个品牌——苹果（图1-7），没有被笔者提到，并不是说它不重要，而是由于它实在是太重要了，以至于没有读者会忽略它的变化。它的屏幕也在变大，CPU也在变强。2016年9月8日，苹果发布了最新款的iPhone 7和iPhone 7 Plus，摄像头分辨率高达1200万像素。图1-7 iPhone 7
综上所述，手机的性能不断增强，说明用户对手机有极大的需求，因此与手机相关的行业将拥有非常好的市场前景。手机的性能不断增强使得手机可以支持更加强大的运算处理功能，因此可以运行更加强大的软件、更加绚丽的特效，同时也需要更多的开发人员来满足这一需求。1.1.2 移动互联网的神话
上一小节提到了手机硬件的发展加大了对软件的需求，那么是不是真的这样呢？
首先可以确定的是，移动开发人员是很有可能一夜暴富的，中国移动开发者社区有比较火的一款应用《3D终极狂飙2》，在改成内置付费之后，平均每个用户支付11.2元，开发者以此实现了“月入百万”的目标，如图1-8所示。图1-8 中国移动开发者社区为《3D终极狂飙2》开设的专区
再看看招聘市场，优秀的移动应用开发人员更是供不应求，以“安卓”为关键字在某招聘网站上搜索，得到如图1-9所示的内容。图1-9 搜索结果
除了以此作为正式工作，将移动开发作为一份兼职也是非常不错的选择。未来的互联网将是自由开发者的时代，因此各大平台先后向个人开发者提供了API接口，使得他们可以方便地获取需要的数据。另外，灵活而丰富的收益方式也是得出这个结论的重要论据。
举一个例子，之前在CSDN上看到“智慧流程”举办的程序员大赛，赫然打出了“一名开发者＋一个月=10万元”的标语，再看大赛的介绍确实十分诱人，如图1-10所示。图1-10 程序员大赛奖项设置
另外，还有近期比较受关注的华为“明日合伙人”创意作品大赛，如图1-11所示，奖励更是非常诱人，其主要面向学生群体。图1-11 华为“明日合伙人”官网的宣传条幅
像Intel的移动应用大赛、联想桌面产品创意大赛等各种比赛均是为了扶持个人开发者而设立的比赛，开发者可以依靠它们获得强力的推广宣传以及高额的赞助与分成。如“墨迹天气”就是中国移动第一届MM移动开发大赛的获奖作品。目前处于移动开发行业飞速膨胀的时代，各公司为了争取人才不惜“千金买马”，不但是为了更好地竞争，也是为了炒作。也就是说，只要能够在这类比赛中崭露头角，“钱途”绝对不可限量。
但是，这并不说明移动开发是一个轻松的行业，在高额收入背后还存在巨大的挑战。两年前笔者还可以依靠在百度上搜索几十张图片并将它们打包成“美女壁纸欣赏”，或者是随意下载一部小说经过简单的封装上传到应用市场，每个月仅靠广告流量就可以获得一笔不菲的收入。后来随着国内开发水平的普遍提高，再传同类APP时，会由于该应用同质化严重而没有通过审核。
对此，笔者得出两点结论：● 国内移动开发市场潜力巨大，对于有志于从事技术类职业的读者
来说是一个非常好的选择。● 该行业存在一定的难度，为了适应竞争必须要不断提高自己或者
找到更有效的开发方式来提高开发效率。1.2 跨平台移动开发框架
马克思在资本论中曾经提到过，一切社会形态都取决于生产力。而对于开发人员来说，生活水平（主要指收入）也主要由生产力来决定。开发人员为了提高生产力主要有两条路可以选择：● 努力学习，积累经验使自己具有更高的技术。● 选择更高效的开发工具。
如果决心选择第一条路的话，现在可以放弃这本书了，因为本书主要介绍的是如何利用更高效的工具来提高开发效率。如果选择了第二条路，那么恭喜你，你将在本书中得到所需要的技术。毫无疑问，愿意脚踏实地地提高自己技术的人也许能够走得更远，但是其中的艰辛也只有亲身经历过的人才能够体会得到。可以先利用工具提高开发效率，然后再钻研技术来增加经验。但是总的来说，没有对与错之分，只要是适合自己的就是最好的。
如何用工具来提高开发效率呢？曾经有人设想有这样一款IDE（集成开发环境），开发者可以将自己的需求通过键盘输入到IDE中，IDE就会自动生成开发者所需要的软件。这确实是近几年软件工程学科比较热门的一项课题，可惜的是还远远不能实现需求。因此就只能退而求其次，于是跨平台移动开发框架就应运而生。1.2.1 什么是跨平台移动开发框架
近年来随着硬件设备和平台的不断发展，手持移动设备的计算能力得到了显著的提高，智能手机和平板电脑越来越多地出现在人们的日常生活中。无论是多么强大的硬件或是多么优秀的平台，都要有软件来支撑。但是厂商之间的竞争导致软件在不同平台中不兼容的现象。比如安卓上的apk文件就无法在iOS中运行，甚至早期安卓上运行的一些APP在当前的大屏手机上也无法正常显示。
作为一名开发者就不得不做出取舍，是选择自己精通的一个平台做好呢？还是花费大量的时间和精力同时进行多个平台的开发，甚至是花钱雇人来开发其他的平台好呢？这看似是一个难以抉择但是又没有完美答案的选择题。能不能选择一种完美的方案呢？当然可以，因为有跨平台移动开发框架。
所谓跨平台移动开发框架，可以简单地被分解成：“跨平台”、“移动”和“开发框架”。“跨平台”指的是只需要经过一次开发，得到的应用就可以在多个平台上流畅运行。目前比较主流的移动操作系统包括Android、iOS等，为了实现在这么多系统之间的兼容，跨平台开发框架往往采用HTML 5为开发语言，然后利用Web执行，或者由专门的开发环境生成全部平台适用的安装文件。
以本书介绍的jQuery Mobile为例，它是一款基于HTML 5的跨平台开发框架，可以利用它来生成非常华丽的网页文件。但是同时也可以借助另一款框架APICloud的帮助来分别生成apk（安卓中的安装文件）、ipa（iOS中的安装文件）格式的文件。图1-12为一款跨平台开发框架主页上为了说明跨平台特性而设计的图片。图1-12 跨平台移动开发框架的特性
所谓“移动”指的是主要支持移动设备，也就是说这些框架是专为移动设备（如手机或平板）而定制的。这也说明该框架不会考虑一些比较老的PC浏览器（如IE 6）的兼容性，但是大多数情况下在PC上仍然是可以正常使用的。
跨平台开发框架令开发者感到欣慰的地方，在于它“开发框架”的特性，该特性使得它能够大大提高开发人员的效率。所谓“开发框架”，指的就是一组已经被定义好的设计构件。如在HTML 5中定义一个按钮非常容易，但是若要为它加入一些好看的样式，可能光CSS就要写几十行，有了jQuery Mobile后，只需要一行代码就可以了。1.2.2 为什么选择跨平台移动开发框架
跨平台移动开发框架的优点如下。● 一次编写多平台运行。
目前绝大多数智能手机都支持HTML 5，况且还可以将内容打包成相应平台的应用，这更保证了应用的可运行性。● 上手迅速，开发效率高。
没有HTML、JavaScript开发经验的人员，甚至是销售人员，经过一两天的学习后，也能够做出一些非常不错的应用界面。● 避过重重审批，直接面向用户。
上传到应用市场能不能通过审批都是未知数（比如说App Store中的快播）。为了能够面向用户（最根本的还是获得广告收入），最好的办法就是直接生成网页，只要有一台服务器就够了，甚至连域名也不需要。● 即使没有美工基础的开发人员也可以设计出优秀的界面。
因为在这些开发框架中大多已经定义好了要使用的样式，开发者只要根据自己的需要对各种样式进行选择就可以。其实不光是这些“高级”的集成开发环境，原生的SDK中也集成了一些基础样式，只不过它们大多比较丑，需要开发者去进一步美化。1.2.3 常见的跨平台移动开发框架
常见的跨平台移动开发框架有：jQuery Mobile、Sencha Touch、jQTouch、Dojo Mobile、AppCan、PhoneGap/Cordova和Cocos2d-X等。当然类似的框架还有很多，这里只列出这些比较有代表性的。下面将对它们进行一一介绍。1．jQuery Mobile
jQuery Mobile是jQuery在手机和平板上的版本，它不仅带来能够让主流移动平台支持的jQuery核心库，还包括一整套完整和统一的移动UI框架。jQuery Mobile不仅支持全球各个主流移动平台，在PC平台的Web应用中也常常看到它的身影。jQuery Mobile的开发团队认为，jQuery Mobile在向各种主流浏览器提供统一的用户体验（图1-13为jQuery Mobile）。图1-13 jQuery Mobile2．Sencha Touch
Sencha Touch是一款将现有的ExtJS框架整合JQTouch、Rapha库而推出的，适用于最前沿Touch Web的移动开发框架。Sencha Touch可以让Web App看起来更像Native App。拥有美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML 5和CSS3的Web标准，全面兼容Android和iOS设备。
Sencha Touch所自带的主题样式可以说是所有开发框架中最接近iOS原生样式的，甚至能以假乱真。另外，它还给Android开发人员准备了若干套适用于Android的主题。
与其他移动开发框架相比，Sencha Touch最大的优点还在于其提供了增强的触摸事件处理机制，在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。这些事件使得Sencha Touch能够更好地处理页面中的手势判断等操作，为用户带来更强大的交互式体验（图1-14为Sencha Touch）。图1-14 Sencha Touch3．jQTouch
看到这个名称，可能很多读者会以为这是一款与Sencha Touch一样，通过增加对手势的处理来增强交互性的框架。它名字中虽然带有Touch，但是jQTouch的特色在于通过增强浏览器中的动画、渐变以及导航列表等效果来达到目的。随着iPhone、iPod Touch等设备的使用日益增多，jQTouch无疑为手机网站的开发减少了工作量，而且在样式和兼容性方面也得到了很大的提高。
准确地说，jQTouch并不能完全算作是一款移动开发框架，因为它原本仅仅是来自于Sencha Libs的一款jQuery插件，用于在iPhone等触屏设备上实现一些简单的动画效果。笔者认为将它作为一个包含比较全面的UI效果的JavaScript库来使用会比较合适一些（图1-15为jQTouch）。图1-15 jQTouch
随着触屏移动设备的增多，jQTouch团队在这上面确实下了不少功夫，以至于它现在越来越“像”一款开发框架。目前jQTouch能够提供很好的文档管理功能，并且易于使用，但是仍然存在为数不少的bug，官方提供的一些小demo也存在一些问题。
另外，这款框架是基于WebKit内核的，也就是说它并不是完全的跨平台开发框架，至少它不能支持Gecko（Firefox和Opera浏览器的内核）。4．Dojo Mobile
Dojo Mobile是Dojo工具包的一个扩展，提供了一系列小部件或组件来帮助开发者快速生成希望获得的界面效果。与Sencha Touch类似的是，Dojo Mobile也致力于通过HTML 5来模拟出原生应用的界面效果，对于一些不熟悉开发的用户来说，根本看不出这类应用与原生应用的差别。
另外，Dojo Mobile还拥有可定制的主题，如同样的页面在iOS用户和Android用户访问时，看到的界面也许会完全不同（图1-16为Dojo Mobile）。图1-16 Dojo Mobile
Dojo Mobile与jQTouch都是基于WebKit内核的开发框架，但这却并不代表它不能支持其他内核的浏览器。经过笔者的测试，它在Firefox和Chrome中都有着不俗的表现。
除这些之外，Dojo Mobile还有一个独有的特点是非常值得其他几款框架的开发者学习的，那就是Dojo Mobile本身在UI样式中不使用图片来加快浏览的速度，但是当应用中不可避免地需要图片资源时，Dojo Mobile提供了一些有用的机制，如DOM button和CSS sprite来降低图像需求并减少服务器的HTTP请求数量。5．AppCan
AppCan是中国人自己开发的移动开发框架，也是国内Hybrid App混合模式开发的倡导者。AppCan应用引擎支持Hybrid App的开发和运行，并且着重解决了基于HTML 5的移动应用“不流畅”和“体验差”的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML 5开发的移动应用基本接近Native App的体验（图1-17为AppCan）。图1-17 AppCan
与PhoneGap\Cordova支持单一WebView且使用DIV为单位开发移动应用不同，AppCan支持多窗口机制，让开发者可以像开发最传统的网页一样，通过页面链接的方式灵活地开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只开发简易类型的移动应用。
与其他开发框架不同的是，AppCan提供了专门的IDE集成环境，并能够调用移动设备的各个组件（如摄像头、话筒等），开发者可以通过JS接口调用，轻松构建移动应用。
它的优点除能够生成安装文件和调用系统功能之外，更多的还是体现在“快”字上。AppCan生成的应用运行起来确实要流畅得多，但是由于开发门槛较低，使用AppCan的开发者总会受到或多或少的歧视，但是最近这一现象已经大有改观。6．PhoneGap/Cordova
PhoneGap是一款基于HTML、CSS和JavaScript的创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP、Bada和Blackberry智能手机的核心功能——包括地理定位、加速器、联系人、声音和振动等。此外PhoneGap还拥有丰富的插件，可以以此扩展无限的功能（图1-18为PhoneGap架构图）。图1-18 PhoneGap架构图
与前面介绍的几款框架不同，PhoneGap并不带有任何UI样式，并且也无法独立使用，但是它可以依靠各个平台的IDE（如Android的Eclipse）将HTML文件生成相应的安装文件。同时可以使HTML能够调用系统功能，如发短信、GPS、手电筒等。整个流程的效果如图1-19所示。目前，PhoneGap正式更名为Cordova。图1-19 PhoneGap将HTML文件生成应用7．Cocos2d-X
Cocos2d-X是一款比较独特的开发框架，笔者截取了Cocos2d-X官网上的一些案例图，如图1-20所示。图1-20 使用Cocos2d-X开发的应用
有没有觉得这些图标非常熟悉？但好像有点不大对劲，为什么这些都是游戏？没错！Cocos2d-X其实是一款强大的跨平台移动游戏开发框架。这么多的Top10 Gams竟然都出自于同一款开发框架，那么它的强大功能自然是毋庸置疑的。8．APICloud
任何一款APP，集成SuperWebViewSDK后都可以大幅缩短迭代周期，APICloud支持功能动态增加，无须提交AppStore审核，用户无须重新下载，比原生WebView具有更流畅更强大的用户体验。APICloud原理如图1-21所示。图1-21 APICloud原理1.3 真正认识HTML 5
通过上一节对跨平台移动开发框架的学习，不知道读者有没有发现一个问题，为什么这些框架都是基于HTML 5的呢？解答这个问题之前首先要理解另一个问题，即什么是HTML 5，图1-22为HTML 5的标志。图1-22 HTML 5
HTML 5是1999年指定的HTML 4和XHTML标准的“标准版本”，目前仍然处于不断完善阶段。但是目前主流浏览器已经实现了对HTML 5大多数属性的支持。简而言之，HTML 5就是对过去HTML标准的一种增强和补充。
在新的HTML 5标准中，强化了页面的表现性，如对圆角、透明以及阴影的支持。除此之外，还提供了本地存储以及数据库的支持。提及HTML 5时，实际上是泛指新的HTML 5标准以及CSS3和JavaScript等技术交叉而成的新技术。
HTML 5还提供了canvas控件来支持动画以及绘图等功能，同时也支持页面元素的拖曳功能。HTML 5中的圆角以及透明、阴影等效果，已经被广泛采用，而诸如本地数据、Ajax交互、定位等功能却常常被忽略。这些都有待开发者继续探索。1.3.1 初识HTML 5
HTML 5确实不是一项很新的技术。
首先，HTML 5标准在20年前就已经出现。也就是说，它比已经过时的Windows XP还要年轻。
其次，HTML 5是一项标准而不是技术。试想如果在招聘会上有公司说要招聘熟练掌握ISO9001技术的求职者是不是一件非常可笑的事？
各大浏览器厂商在近几年才实现了对HTML 5大多数属性的支持，这也就是为什么这项“古老”的“技术”在近几年才突然火了起来。HTML 5相关“技术”如图1-23所示。图1-23 HTML 5相关“技术”1.3.2 只要在网站上加一句就是HTML 5网站了吗
HTML 5绝对不仅仅是一个，它包括一套完整的最佳实践、语义标签、排版元素等。试想一下，如果仅仅加一句就可以的话，那么多互联网厂商为什么还要高薪聘请熟悉HTML 5的开发人员呢？
事实上，当前的市场上确实存在着大量利用HTML 5来进行欺骗的现象。例如，当运营商计划开发一个网站，所雇佣的软件公司对所开发的网站进行介绍时，往往会加上一句“该网站是基于HTML 5的”，笔者甚至看到过某国企的新闻中有过“基于HTML 5的PHP 5新闻网站改版”这样的高技术性标题。对于这样的宣传或者误导，也许并不能说是欺骗，因为有了的确就表示页面是基于HTML 5标准的。但这些页面中的内容基本上没有用到任何属于HTML 5的新特性（最多也就是用到圆角或是插入一段jQuery脚本），甚至都没有体现HTML 5最基本的框架结构。笔者想起了一名大学同学，他学会使用绘声绘影，当时在整个大学还没有人熟悉这款软件，于是他就大言不惭地表示自己的图形学技术是全校最牛的。这就有点像当前的HTML 5开发行业。虽然加入了标签就表示该页面是支持HTML 5规则的，可是如果页面中属于HTML 5的新特性都没有用到，又怎么能说是HTML 5呢？1.3.3 HTML 5变迁
这是与HTML 5 Doctype截然相反的一个谎言。这往往是那些没有掌握HTML 5标准或对HTML 5一知半解的开发者，在面对掌握了HTML 5标准的竞争者时的一种托词。由于目前的资料不够完善，使
试读结束[说明：试读内容隐藏了图片]