说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

手把手教学:详解HTML5移动开发框架PhoneJS

HTML文档下载 WORD文档下载 PDF文档下载
HTML/JavaScript的优势自不必说,但却也并非完美,相比之下,原生App占内存更少、响应更快。本文详解了HTML5移动开发框架PhoneJS的使用全过程,通过它,能够让Web应用在移动设备的浏览器上像原生App一样运行。

移动App开发框架可谓是数不胜数,而如今,基于HTML5的框架也变得越来越多。这些新一代的开发工具让开发者们无需精通原生SDK和Objective-C、Java等编程语言,即可直接进行移动应用开发。

为什么HTML5会如此大受开发者欢迎?

HTML5之所以被广泛应用,其中一条非常重要的原因就是BYOD的出现。BYOD来袭意味着开发者不需要再局限于某个单一平台,因为用户希望在他们日常使用的设备上都能运行这些App。通过HTML5,开发者可以在一个代码库的基础上开发适用于不同设备的App,其体验与原生App基本无异。不需要重复编程,也无需使用多重语言或SDK。现代Web浏览器的发展使HTML5能够实现跨平台、适用于不同设备的解决方案,这些方案与“原生”App体验极为相似,往往很难分清它究竟是原生开发还是使用HTML开发。


多平台支持、投放市场时间以及维护成本低,HTML/JavaScript的优势还远不止于此。在缓解WinRT、Chrome OS、Firefox OS和Tizen等新兴技术所带来的长期风险方面,HTML的能力无出其右。简单来说就是,HTML/JavaScript就是唯一一个能够让应用跨平台的编程语言。

当然,HTML/JavaScript也并非没有缺点。相比HTML5 App,Native App所占用内存更少、响应更快。但只要在Web应用能够正常运行的所有情况中,你也可以做出一点让步,创建一个移动Web App,或从单一代码库为应用商店、多平台打包应用。而这个时候使用HTML JavaScript移动开发框架PhoneJS是最好不过的了,本文详细讲解了PhoneJS使用全过程,接下来,就让我们一起来看看吧。

HTML5应用开发框架PhoneJS:移动App开发新选择

PhoneJS是一个通用、灵活、高效的跨平台HTML5移动App开发框架,适配PhoneGap,是一个单页应用(SPA,single page application)框架,带有视图管理和URL导航。其布局引擎允许开发者在视图中设置抽象导航,如此一来,同一款App就可以根据不同的平台或因素进行调整。PhoneJS包含了iOS、Android、Windows Phone 8等当今最流行的移动平台内置的一整套触屏优化UI组件。


如果开发者想要进一步了解PhoneJS开发原理,以及创建、发布App的方法,可以登陆App StoreGoogle PlayWindows Store下载其Demo应用Tip Calculator,也可以登陆GitHub下载该应用的完整源码。

PhoneJS布局与导航

TipCalculator是一个使用HTML5构建的单页应用。起始页是带有标准元标签、index.html以及CSS和JavaScript资源链接。它包含有一个JavaScript文件index.js的脚本引用,内有配置PhoneJS应用框架逻辑的代码:

TipCalculator.app = new DevExpress.framework.html.HtmlApplication({       namespace: TipCalculator,       defaultLayout: "empty"});

在本段代码中,我们必须要指定App的默认布局。在这个例子中,我们使用了最简单的空布局,而其更高级的布局还能为交互式导航风格提供完整支持。


PhoneJS采用了许多服务器方框架支持的固定布局方法,包括Ruby on Rails和ASP.NET MVC。想要了解关于视图和布局的详细信息,可点击链接查看PhoneJS在线文档

移动游戏定价之谜:0.99美金行不通 9.99美金和19.99美金才是王道 2012末日年:《时代》评选年度十大App 使用HTML5 Web存储实现离线工作 紧跟亚马逊、谷歌步伐 微软下调Azure云服务价格 云计算一周热点回顾:Hadoop专家分享大数据技术工具与最佳实践 Python之父Guido Van Rossum离开谷歌 一月加盟Dropbox 图灵奖获得者Butler Lanpson:计算机在做些什么 华为高级技术经理Anoop Sam John:HBase的二级索引 秦令今:技术是竞争的核心,形成自己的特色! 兰旭:拒绝同质化,做自己的真材实料! Cloud Foundry直面PaaS对手 初具商用能力 IndieBros访谈:探寻《2+18+200万》背后的故事 移动周报:生存还是毁灭 HTML5未来路在何方? 开发者的新机遇:微软生态系统打开开源大门 阻碍创新:谷歌、Facebook请求驳回抽象专利概念 Apple专利战分析:战火不停 创新不止 史上最牛独立开发者:花20美元狂赚100万美元 Twitter VS. Instagram:照片分享大战爆发 第二届“龙芯杯”中国开源软件设计大赛圆满落幕 TUP Masters第六期实录:Jeffrey Richter讲解Win8应用开发与.NET4.5 [简讯]Bootstrap 2.2.2发布 官博宣布新特性 我们正处于API的黄金时代吗? 敏捷开发的26条至理名言 12月10日:1815年首位程序员Augusta Ada出生 TOP30+应用排行榜:十一月国内外综合榜单 抱大腿:Square礼品卡服务进驻Passbook 科技创新剑指开源产业 “龙芯杯”破题自主研发 25GPU的Linux集群6小时内破解标准Windows密码 Lady Gaga与大数据的“火花” 手势才是王道:3款应用捕获3个设计灵感 YouTube的挑战者 JustinTV教你如何打造实时视频网站 COM进程类组件中,在一个接口中加了一个方法,成员变量类型CString,可是不行,那该用什么? 请问那里有 motif toolkit 开发工具下载 一个mysql的问题! 出售软件源代码以及销售权! byte类型的数据如何转化成二进制数,显示给用户(如8-》0000 1000) 代征:精通vc的深圳朋友,精通网络通讯的开发和多媒体处理。 20分求助!这条警告是什么原因呀?怎么解决 ?LINK : warning LNK4089: all references to "SHELL32.dll" discarded by /OPT:REF 局域网的文件共享传输是基于什么协议的? windows and dos ??? 请问大家几个技术问题!!谁能回答阿!比较着急!:) 有没有代替VB里的PICTUREBOX 的控件,VB里的不好用?????????? 我是新手,请问JSP有些什么开发软件?比如JAVA用JBUILDER。。。 请问知道整型值a=97,什么函数可以得到"a"呢?即97->"a"通过什么函数呢? 如何将十进制数转换成二进制数 函数对象的简单问题 喜欢仙剑的朋友请进。:) 恭喜恭喜? 我想制作C++ Builder4工程的安装程序,不知道用什么软件,请大家帮忙。谢谢! 请问大家几个技术问题!!谁能回答阿! 我是ASP初学者,请求一个简单的问题,Help!!! 有没有关于installshield6的书, 快看呀!我真的要不行了! 请教大家一个术语吧! 低手问题,关于Form中的数据问题,谢了。 如何用PictureBox控件显示GIF图?特急!!!!!! 单文档多视(急!) 想学delphi中关于database方面的内容,不晓得哪本书好,大家推荐好吧? “CSDN准备推出海外图书邮购服务,首批是侯捷的著作和译作” 什么时候可以开始? 谁能介绍一下嵌入开发领域比较成熟的产品?他们的功能、性能如何 关于Autocad字体的问题 在 ActiveForm 中如何初始本地数据模块!菜鸟问题! (const char *)&p转化为delphi语言该是什么? ####我拼了命也要问出这个问题的答案########## 怎样才可以描述点击窗口右上角的“x”时所发生的事件,请给个例子,谢谢了! 哪儿有Install anywhere 4下载 庆祝kylix2001,终于知道叫什么好了,耶………… VB,请问set obj=new class 和 dim obj as new class的区别????????? install anywhere 4 哪儿有下载? GGMM,向我灌水..... 如何截获视频卡串送过来的图像。 高级程序员,在weblogic上做j2ee开发半年多,jsp一年左右,求职。 那里有PB的反编译工具? ~~~~~~大家注意了: wjyasd(即使用FPE改了钱,也绝不能忘记艰苦朴素的优良作风) 这个帐号…… 关于动态连接与静态连接的问题,送分了!!! Delphi6又多了那么多的控件。每个都要去研究么??? 哪里有RSA加密的delphi源代码下载呀? 一个WINDOWS编程的问题 bind sock return WSAENOTSOCK error! why... ...? 菜鸟问路: 一定送分 可否用PB6做触摸屏中的程序,即。。。。。。 我在wince下写一些应用,各位是做什么系统的? 读课文填表,遵循 瘦 字,看看作者是怎样把鲁迅先生的形象写具体的怎样的瘦\x05 观察位置、条件\x05怎样具体描写鲁迅先生的形象\x05 远、暗\x05\x05 走了出来\x05\x05 抽书、递书\x05\x05 面对面 \x0 赞美手指的作文 在音乐之都维也纳课文中的摇篮指什么 根据六年级课文《千百年梦圆在今朝》一文填表.时间 事件 意义明代 人类首次火箭飞行失败 横着看,如时间 事件 意义,填问号处 我手指的这篇作文怎么写 音乐之都维也纳 简介 关于父爱母爱的作文350个字左右 丰子恺 手指 这篇课文的中心 模仿手指的作文 找一篇500字左右的作文《我心中的爱》关于父爱,母爱的. 丰子恺《手指》的原文要原文! 文章《手指》 关于父爱或母爱的200字作文200字,一定是200字左右!不用多!用动作描写或外貌描写, 丰子恺的手指是什么文章属于什么类型的,比如记叙文之类的 手指 作文 关于父爱母爱的作文500字左右 有奖励哦最好带有侧面描写哦!我不想要重复的哦!百度上能收到的我不要的哦!。。。(*^__^*) 嘻嘻……谢谢大家! 模仿丰子恺的手指写文章急用!大哥大姐帮帮忙,好的给15分 六年级下册《手指》 课文解说,告诉我们了一个什么样的道理? 感动作文的结尾快 丰子恺手指 初读课文,说说本文写了一件什么事?文章开门见山先写 ,再写 ,最后阐明 . 课文 手指大拇指形状特点不美,作者是从--------,--------,--------,这三个方面进行描写的 《一件令我感动的事》作文结尾写汶川地震的事结尾怎么写今天要 《忆读书》主要内容 六年级下册第五课《手指》,五个手指的长处和短处及给我们的启示是什么?读了这篇课文,谈谈自己的体会! 感动的作文 结尾关于母爱 忆读书主要内容快, 手指 这篇课文中五个手指的性格是什么? 求一些关于父爱的作文的素材 去几个例子,别太复杂,很急,快 忆读书的主要内容 文章怎样概括主要内容? 写父爱作文的素材有没有? 忆读书这篇课文的主要内容 要用简洁的语言概括选文的内容 求《彷徨》中每篇文章的主要内容和中心思想.11篇都要哦! 有没有关于父爱和母爱的文章,诗,素材和事例之类的 用一句话来概括《忆读书》的主要内容还有好多 一,结合语境,体会下面句子中加点词语的表达效果其中有一幅画的是希金斯身穿(身穿是带点字),涉水过河,一首提(提字带点)灯笼,一手拿 记金华的双龙洞,主要内容,分段,讲解,中心思想,作者背景,文章背景…… 父爱 作文素材要你自身的,不要他人的.要新颖的,不要太俗的像关于生病被照顾的,下雨送伞的等等都不要 丰子恺的《手指》主要内容 谁能告诉这篇文章的中心思想和主要内容!看完这篇文章,相信你一定会明白保险是什么了.寿险到底是什么?寿险对人类而言:是每个人对他自己及家庭应尽的责任以及是一种支付人生必需费用 如何理解课文的主要内容 丰子恺 手指 主要内容 谁有这篇文章的主要内容和中心思想啊?是主要内容和中心思想.越简练越好! 用简单的语言把 丝绸之路 这篇课文的主要内容以及你的体会,感受写下来. 走遍天下书为侣的主要内容 这篇文章的主要内容和中心思想分别是什么?《孩子与鸟儿》张秀亚 爸爸的花儿落了的整体感知与主要内容还有我们可以从哪些细节理解与深入课文的各方面 小学五年级语文3课走遍天下书为侣的主要内容是什么 问下这篇文章的主要内容看了一部电视片,是关于埃及的.说到埃及,就不能不说金字塔.主持人极尽赞美之词赞美金字塔.对于金字塔,怎么赞美都是不过分的.末了,主持人又说:世界上只有两种 整体感知,根据课文内容默写.《爱莲说》既写了莲花的美丽,又歌颂了莲花_________的高尚品质《爱莲说》的中心句是:_________公园画展,观赏杜丹的人总比观赏其他花的人多,用《爱莲说》中的 《走遍天下书为侣》课文 《只有你才能欣赏》 我这篇文章的主要内容快,就现在! 读《黄河之水天上来》这篇课文,给你感受最深刻的是什么内容?并写一写你从中体会到了什么? 走遍天下书为侣课文《走遍天下书为侣》课文 概括《鲜花》这篇文章的主要内容!急呀! 1、手指这篇文章采用了什么的表达方法,语言怎么样 2、照样子写句子 匆匆那篇课文__有__的时候 要3个 走遍天下书为侣这篇课文中表达的主要意思是什么? 音乐之都维也纳这篇课文的中心句 读课文 填表 看不见的大力士段落 小标题 压缩空气的用途 原理 2 3 4 类似《手指》的作文在小学六年级的课文里有《手指》这篇文章,能帮我找一下类似他的文章吗?急用. 音乐之都维也纳课文的最后一句
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn