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

手把手教学:详解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在线文档

苹果聘女黑客为系统安全员 曾让Vista推迟发布 移动游戏定价之谜: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个设计灵感 想到亚信去,请各位兄台给点建议!(有分!) 请问能不能用System.Drawing对象在一个页里里画多张图? 索引和自增字段 关于对话框? 求能人?或给思路 请问哪儿有Lotus Notes C API的教程?以及要进行编程必须进行哪些配置? 100分求助:怎麼判斷數據庫服務器存在與否? JUnit重复测试的问题 请问一个hyperlink简单问题 求助:datagrid中控件事件的使用问题? 在C中写文件的内容,在线等待!!! 装了linux后,我的win2000和linux的时间老是都不对了 如果结束会话 如何送分呀? 谁有这个文档的中文资料,谢谢,高分奉送!!! 急!!!请问系统恢复盘的问题! 自定义数据类型如何定义?(数组) dw疑问 请问一下,李维的哪几本书比较好,我有VC基础,想学学DELPHI,望各位给个建议谢谢! jbuild好用吗? 怎样将一个单值的String类型赋给char类型的变量? 哪位有实现(首页 上一页 下一页 末页)的例子? 对话框?求救? 高手看过来,超难问题,高分求解!!!!!分不够,再加~!!! 关于VB中DataGrid控件挂ADO的问题,我想程序中运行时,改变ADO的RecordSoure,并希望DataGrid显示时动态更新? 怎样读懂msdn中的英语 最近我们将用C语言开发一个接口快帮我哦~~~~~~~~~~ 关于socket.setSoTimeout()的问题,请进,请进…… 一个小问题帮我看看该怎样写!!! 百分询问一个问题,哪里有JBUILDER的电子图书下载? 拷贝内存时出现的问题! 拼音加加输入法是我用国的的最好的输入法,可是遇到了一点问题 我要支持MP3的JAVA JMF包文件(FOR POCKET PC),谁有阿???50分 为什么GETDATE()在自定义函数中不能使用 请问EXEC()语句是 执行完后返回? 未来在哪里?---献给大多数人 那里有使用Analysis Service进行数据挖掘方面的例子! 关于程序的输出 在数据窗口中RETRIEVE的参数是DATETIME型如何写这个参数//.. 输入法字体修改问题 我问一个简单的问题 关于SQL语句的简单问题 ???????????????????????????、、、 为什么在DBGRID中用INSERT命令输入记录后记录会追加到数据集的最后? 关于控件的问题! 我用ADSL上网,有一固定IP,我能在我的服务器上发布主页吗?????????? 请问在一个机器上是否可以同时装Delphi 5,和Delphi6,不会有什么问题吧? 如何做一个自动检测插件并安装的页面? 一个小问题?在线等。。。 SYSINT什么类型! RH 7.0下,打开一个文件如果是乱码的话,关闭以后,整个系统都是乱码了;除非是logout 100分求JBUILDER的电子图书下载地址学习用 温岭一名女子车祸死亡 或因台风吹偏方宁波两小伙凿洞偷窥楼下小情侣性生活并女子趁午睡猥亵4岁男童 将其下体亲红11岁女孩偷尝禁果 怀孕三个多月后流男子单手开车 飙171码高速上海合作组织大有作为—写在上海合作组日本将设“内阁情报局”强化情报收集能日中止Epsilon火箭发射或因数据剑桥大学放宽学士服规定:男可穿裙 女巴西8省份电力故障令其主办世界杯能力纽约女子拟用6万美元财产雇凶手杀夫被奥巴马政府解释动武理由 提叙政府化武斯诺登揭秘文件曝美情报部门追捕拉登预澳将就“死亡叛乱分子双手被砍”调查驻日本低收入家庭养家者中150万为非正山西6岁被挖眼男童伯母跳井自杀 原因瑞美就银行助客户逃税签署协议美国华人收藏家陈灿培向重庆捐赠抗战文鲁吉 夏尔马:印度为自满付出代价化武疑云持续笼罩叙利亚 各国加紧对叙加支持美国及盟友对叙“动武” 但尚无百余所高校学生在“金相技能大赛”中同季前赛-雷霆30分痛宰费内巴切 威少中行未来5年将向中山提供50亿金融支台湾“双十庆典”现场:会场金钗最受注儒家内核:理神论、自然法与保守主义侨领谈侨社建设:团结乡亲凝聚力量 融安徽警方破获一起非法制造爆炸物案昆明市委原书记高劲松被检方立案侦查全世界最好的工作:21岁旅行博主晒照美国将暂停训练叙利亚反对派计划俄总统普京访问索契师生 亲自指挥拍摄《中国梦》作者:美国领袖可到中央党校济南商户埋怨物业不作为拒交物业费 走江苏南通濠河景区被通报批评 南通市政中国买家拿下新西兰北岸90余公顷土地德州:隔墙有耳?家里钱财被惦记 邻居国库存款紧张影响项目进度 山东省财政南京大屠杀档案正式列入《世界记忆名录日本将加快导入最新防卫装备 意图推动鲨鱼出没:洛杉矶海滩现3米长鲨鱼 游大一女生站军姿 双腿夹扑克牌
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘