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

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

传雅虎欲10亿美元收购轻博客网站Tumblr A Beautiful Mess:如何赚男人女人的钱 CSS、JavaScript开发者必备的10款最佳工具 IBM推出API管理平台 抢占API经济市场份额 2013中国云计算榜单之一:15云平台,谁主沉浮? 移动周报:百万壁纸、85后程序媛,我为梦想代言! 电信天翼开放平台:为App开发者免费提供云存储和云主机服务 Google新的Web UI库:Ploymer 研发周报:让开发者高效编程的10个新框架 拯救行将就木的PHP:谷歌为GAE添加PHP支持 PPT集萃(一):10位业内高管分享云计算技术理念与行业趋势 得益于苹果谷歌,未来可穿戴技术市场规模可达500亿美元 雅虎11亿美元押注Tumblr三大因素:用户、社交、内容 Perceptual:英特尔感知计算挑战赛 正式启动 吴义坚:创业去!我用深度神经网络,处理语音识别 浅谈用户体验的“反面模式 可穿戴设备又一站:增强现实眼镜CastAR 数字医疗投资将破纪录 投资人看好这些细分领域 Mayer又下一城:雅虎收购Tumblr推进移动化? 前端开发利器:代码预处理工具Prepros 一个轻量级的JavaScript库:Reactor.js [探讨] 用户体验设计师现在面临怎样的机遇和挑战? PPT集萃(二):淘宝、CloudStack等分享的架构经验与最佳实践 2013中国云计算榜单之二:64家云主机+云存储,错综复杂! 看Java技术基础的eBay如何评价他们的Node.js首次尝鲜 Jolla发布首款Sailfish系统手机 无缝兼容Android应用 NPD:全球智能手机出货量2013年将首次超过功能手机 聚合数据左磊:不走寻常路 做国内最好的数据聚合平台 从程序员到软件商 需要注意些什么? 共享软件海外营销策略与实战(上海站) 直接拿来用!最火的Android开源项目(完结篇) 《Inside COM》转卖 想知道怎么将StringGrid或者DBGrid中的数据导到Excel中呀?那位朋友有相关程序代码?100小分送上,不成敬意! 怎样再一个对象内部事件中得到该对象的属性 ? frame 问题,怎样重定位到本frame? 如何使用rs选取从现在开始倒数10条记录的内容? 在vbscript里能用rs("XXX")吗? 哪里有電子書下載?? 谁能搞到(或看到)一个rtf文件的内部格式,最好是一个带有文本框的rtf文件的内部格式。 代理服务器主要需要那些技术????? 请问main()起什么作用? 关于waveInClose的问题? 如何使用ADO存储XML文件? 如何在asp中创建一个文本文件到本地机?如何执行一个本地的exe文件? 高分求解决方案!请各位高手帮我看看! 请教关于 ie 某些document接口的问题。。。高手请进。。。 c和c++的struct有什么区别吗? 怎样给组件加上图标? vc++中如何访问ORACLE数据库? socket连接问题 关于windows xp下的jdk编程的问题!(高分求助!!) adotable 问题 用ado打开数据库的的速度问题!奇快!没有连接时间???来者有分!全天在线等 Flash控件大小问题? 关于css的一些怪现象??? 两个组件同时使用DATABIND方法时为什么只有一个组件能显示数据? 在数据库中有一word的文件,用blob存取,现在我想把其中的内容转换为txt。帮我!!!! Borland Enterprise Server 5.0的用户名和密码到底是多少??? 因女朋友在东莞虎门,想在虎门找份工作,不知有谁能帮忙?请看简历。 文件--打开--另存为...... 的问题?? 怎样通过知道控件的名字获得这个控件? 紧急 文件--打开--另存为...... 的问题?? 混杂模式为什么不能够应用到交换网络中? ----阿菜 调查版主,请不要删 PB中使用OLE时,碰到的数组问题,请大家不吝赐教!!! 因女朋友在东莞虎门,想在虎门找份工作,不知有谁能帮忙?请看简历。 如何使用程序动态改变数据环境的记录集内容?? 100 分求救消息、调色板问题 如何显示上下文菜单? 因女朋友在东莞虎门,想在虎门找份工作,不知有谁能帮忙?请看简历。 朋友,你好!你用的机器是windows 2000 server吗?你能发一个c:\winnt\mmtask.dll系统文件给我吗?高分! 公式 有个非常奇怪的问题,高手请进!给100 在一个多文档框架的VC程序中,Manframe类中为什么不能声明View类型的指针? 怎样在CListCtrl中添加表格线?象CListView那样,谢谢大家!!! 關于samba的問題 如何判断一个窗体是否打开状态 调查大家的老板,请斑竹手下留情 哪位大侠告诉我,嵌入式开发到底是什么? 为何在CListCtrl派生出的CTblist类中实现添加一列不成功 还是关于ASP中动态统计图生成的问题? 高中Cl常见的化合价 氢氧化钙和碳酸钙高温煅烧后分别生成什么?要化学方程式, 3a-2b+1的相反数 过氧化钠和二氧化碳反应生成什么? 对碳酸钙通电会生成什么?高温煅烧会生成什么? a的相反数是2b+1 b的相反数是3a+1 则a^2+b^2= 过氧化钠和二氧化碳反应只生成一种产物么除了碳酸钠之外还能生成什么能否生成NaHCO3??? 地球什么时候世界末日啊(进入光子带)好期待进入第五个元纪额 魏晋南北朝时期处于世界领先地位的科技有哪些?说明了什么? 什么时候地球将会真正的世界末日啊!? 我们地球是不是每刻都在等待着世界末日啊?说不定什么时候陨石掉下来这类的... 列举两汉魏晋南北朝时期居世界领先地位的科技成就都有哪些? 急求! 中国的邻国有谁 下列物质中,氯元素的化合价最低的是____?1.HCL 2.KCLO3 3.CL2 4.HCLO 有蓝色沉淀生成的中和反应 两个氢分子怎么表示.两个氮分子怎么表示.clo2中,cl的化合价是多少 下列四种物质KCLO3 CL2 HCL HCLO 氯元素的化合价按由低到高顺序排列的是?①②④③ ②③④① ③②①④ ③②④① 两汉魏晋南北朝时期居世界领先地位的科技成就有哪些?详细啊! ClO2的化合价是多少?有说明的 总结秦汉、三国两晋南北朝时期我国有哪些领先于世界的科学技术?这一时期我国科技发展的原因是什么? 有蓝色沉淀生成的复分解反应有哪些?急 计算 (a-2b-3c)^2 要用添括号法则 请列举三国两晋南北朝时期我国领先世界的科学成就(几个即可). 春秋,战国,秦汉,三国两晋南北朝,隋唐,辽宋夏金元,明清的文化特征,科技突出成就,思想突出特点 中国共有多少邻国?分别是哪些国家? 三国两晋南北朝时期,我国有哪些领先世界的科学技术人物什么的最好都有 蓝色溶液生成蓝色沉淀的反应 为什么在检验Cl离子和SO4离子时,+HNO3可以避免CO3离子等杂质的干扰? 中国的邻国共有多少个到底是12个还是14个啊,我资料上说12个,网上基本上都说的14个 为什么三国两晋南北朝时期时,我国的科学技术成就能够领先世界异彩纷呈? 我国的邻国共有几个? 中国共有几个邻国 有甲乙两家工厂排放的污水各含离子H+ ,Cu2+ ,K+ ,No3- ,OH- 中的三种离子(两场含有一种相同的离子)若将两厂的污水按一定比例混合,沉淀后污水会变成无色澄清中性溶液.下列关于污水的分析 SO4离子检验 CL离子的 检验 CO3离子检验 要详细实验步奏 怎样判别是否是氧化还原反应? 现在甲乙两种溶液中,共含8种离子,分别为H+ 、Ag+、k+、Ba2+、OH-、NO3-、CO3-,且两种溶液里所含的离子各不相同.已知向甲溶液里滴加紫色石蕊试液,溶液变蓝色,说明甲溶液成( ),那么甲溶液里 中国邻国 去括号:d—2(3a—2b+3c)还有—(—xy—1)+(—x+y) 有甲乙两家工厂排放的污水各含有以下离子H+ Cu2+ K+ NO3- OH- 中的3种离子(两个工厂含有一种相同的离子)若将两个工厂的污水按照一定比例混合,沉淀后污水会变成无色澄清中性溶液.下列关于 某溶液中含有大量的cl-,CO3 2-,SO4 2-三种离子,如果只取用一次溶液,分别将三种离子检验出来,应该怎么为什么不能先硝酸 硝酸银 氯化钡 怎样辨别氧化还原反应比如在多个反应中区分出氧化还原反应 加热试管内的液体物质时,用来夹持试管的仪器是什么 邻国,中国 中国有几个邻国指的是哪几个 给试管里的液体物质加热的方法? 某溶液中有K+、Cl-、CO3 2-、SO4 2-等,要从溶液中分别检验出CO3-、SO4 2-、Cl-,请完成下列实验设计(1)试剂:先加______,根据_________现象,确定CO3 2-存在,再加_______,根据________现象,确定SO4 2-存在; 地球什么时侯会到世界末日 给试管中的液体物质加热时给试管中的液体物质加热时,试管与桌面(),先进行(),再小心对准(),切不可将试管口().给试管里的固体加热时,试管口应略向(),对试管先(),再().滴 中国邻国谢谢 下列仪器,可用于加热,但却不能直接加热的是A. 试管 B. 燃烧匙 C. 烧杯 D. 蒸发皿 K4[Fe(CN)6]与2价铁离子反应生成白色沉淀,但很快就会变成蓝色,这是为什么?求相应化学方程式就是黄血盐与2价铁离子 铜铅分离..铜锡分离.铜锌分离.如何提取?.求各位大哥大姐帮下表面裹着一层有锡的.有锌的.有铅的铜 三种该如何在不损耗铜的情况下将其分离开?又该如何把铅.锡.锌提取出来 能直接加热的仪器与不能直接加热的仪器 铁氰化钾与二价铁反应是蓝色沉淀吗? 中国的邻国历史与社会の(⊙o⊙)哦 氧化还原反应的判断氧化反应:还原反应:氧化还原反应: 某电解质溶液中,可能大量存在有:Ag+,H+,Cu2+,CO^3 2-,OH-,Cl-某电解质溶液中,可能大量存在有Ag+,H+,Cu2+,CO32-,OH-,Cl-离子,你认为一定有的离子是______,一定没有的离子是__________;还需要进一步确认的离 含有Na+,Cl-,SO4离子,SO3离子,CO3离子的溶液如果使该溶液中的阴离子都迅速减少,可加入的阳离子是_______. 碳酸钙高温煅烧生成二氧化碳,硫酸盐高温煅烧能否产生三氧化硫?如题. Ag+和OH-;Cu2+和CO3'2-能共存吗AgOH,CuCO3是沉淀吗,具体反应方程式都写出来,还有碱试碳酸铜的双水解也讲一下,他们在溶解性表不是"-"吗,不存在还是遇水分解,方程式写下
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘