当前位置: 永利皇宫463手机版 > Web前端 > 正文

PhoneGap开拓至关重要的五件道具,面向移动器材的

时间:2019-11-03 08:14来源:Web前端
PhoneGap开采必不可少的五件器械 2012/04/13 · HTML5 ·HTML5 来源:陈理捷 0 轻量级的JQUELANDY宽容库 JQuery已经成长的得不行刚劲了,但在活动设备上有些肥胖。假令你的施用只运行在WebKit内核

PhoneGap开采必不可少的五件器械

2012/04/13 · HTML5 · HTML5

来源:陈理捷

0 轻量级的JQUELANDY宽容库

JQuery已经成长的得不行刚劲了,但在活动设备上有些肥胖。假令你的施用只运行在WebKit内核的机械上,那么自身刚烈提出你换用移动版本的JQuery宽容库。

Zepto和JQ.mobi都以特地为运动设备优化后的JQ包容库。

图片 1

图片 2

Zepto小编不是特意纯熟,JQ.mobi笔者用得相当多,官方提供的数码称,JQ.mobi比JQueryMobile快3倍以上。

对待于JQueryMobile悲催的定导航底导航定位功用,JQ.mobi也提供了自己的UI。尽管和JQM大约丑,但不会产出万恶的导航栏闪动难题。倘令你和谐不想创设UI框架,那么还是引入用JQ.mobi的UI库,换换配色和背景,也能看起来蛮专门的学业的。

别的JQ.mobi还提供了意气风发密密层层的插件,不过都未有提供文档。里边的scroll插件不及iScroll4给力,模板插件仍然为能够用。这里讲下用法。

要动用JQMobi的插件,只需求简单的用script载入对应的公文就能够。

图片 3

JQ.Mobi的模版来自这里(这些链接要从源代码中技巧翻出来,藏那么好干嘛啊…卡塔尔是贰个使用%号进行标志的系统。

模板部分应用script标签富含:

图片 4

从上边包车型客车例子中得以见见,那套模板能够轻巧支持if/for/else等语法;数组和指标也从不怎么难点,能够满足绝超越五成需求。

图片 5

它采用$.tmpl函数将数据传入模板,获得渲染后的html。需求小心的地点是传数据时要以对象的法子来传,同时为流传的数额内定变量名。

1 滚动作效果应专家:ISCROLL4

图片 6

固然以后JQ.mobi已经减轻了导航栏固定和滚动的难题,但是iScroll4反之亦然是特别值得使用的。

在行使iScroll时有多少个须求小心的地点。

率先,iScroll采纳css的top和bottom值固定了顶导航条和底导航条的中度,能够更改css来调解。

说不上,iScroll是静态的,正是说,它并未随即查阅scroll里边的剧情是或不是追加,那就要求大家在动态参加内容后,呈现调用scroll对象的refresh方法。

图片 7

提起底,iScroll4能很好的落到实处iOS用得超多的下拉刷新效率,以此页面上有全部的代码。

图片 8

2 今世浏览器:SAFACRUISERI/CHROME

图片 9

在三弟大浏览器上调整以前,先在电脑浏览器上付出会快非常多,建议用safari恐怕Chrome。那东西尽管我们都有,但多少细节依旧潜藏很深的。

比如用Chrome调试的时候你只怕会遇上跨域的标题,只要在起步Chrome.exe时增添三个参数就足以了。

chrome.exe –disable-web-security

别的某个同学恐怕不清楚,PhoneGap API页面上的LocalStorage和Indexed DB 其实是Html5的标准接口,所以Chrome和Safari中的自带的调试工具就会很好的保管。

图片 10

开发Developer tools,选取 Resources Tab页就能够看到数据库,本地存款和储蓄等选项 。( 当初本人找了好久Chrome的Sqlite管理插件…)

3 PHONEGAP实时调节和测量试验工具:云窗调试器

图片 11

就算有一些夸张,但过多网络基友是用PhoneGap神器来形容它的。

实质上来说,云窗调节和测验器便是一个辅助PhoneGap Javascript接口的移位浏览器。

它和天涯论坛SAE的云平台紧凑结合,须要用SAE账号登陆,那样当你在SAE上创建三个运动接收后,就会直接在云窗调节和测量检验器的利用列表页面见到。

图片 12

点击应用名称后,就足以最早调和应用了。由于代码放置在SAE平台上,小编平常用浏览器上的在线编辑器改革代码,Ctrl+S后直接在手提式有线电话机上看效果。

一次变动两秒看见最终结果,比起本地编写翻译,大概三遍能节约半分钟的年月。

云窗调节和测量检验器iOS版本援助红米和三星平板,可是还未有发布到App Store,借使您的设施已经越狱,能够间接在设施的safari里 点这一个链接进行安装。

4 在线打包工具:PHONEGAP:BUILD

图片 13

用作叁个跨平台方案,PhoneGap也提供了一个云打包器,利用它大家可以不用安装任何付出条件,间接将HTML打包成iOS,Android,Windows Phone,WebOS,塞班和中兴6个手提式无线电话机系统的安装包。

图片 14

PhoneGap:Build 的施用相当的轻易,注册四个PhoneGap账号然后上传代码的Zip包就足以。当然,你也足以直接从git/svn代替码。

亟需静心的是PhoneGap:Build的卷入是收取费用服务,对private app有个数约束(笔者临时还未有碰着,可是看官方的求证是有限量的卡塔尔。其它PhoneGap:Build上iOS的打包须求上传证书,不然无法打包。

就算你只是索要打Apk包的话,也足以行使SAE提供的在线打包器,那一个打包器是完全免费的。另据厕所音信,iOS无注解打包器已经在调解中了,揣摸月尾上线。

最终提供四个懒人福利:随笔中提到的东东卷入下载。

赞 收藏 评论

图片 15

转自:

 

相当久早前收拾了篇将手提式有线电话机网址做成手机使用的JS框架。时隔一年多,超级多新的技术后生可畏度面世,上边再来总计下还应该有哪些框架是顺应面向手提式有线电话机配备的费用的。

    1、jQuery Mobile

    jQuery Mobile 是 jQuery 在三弟大上和机械设备上的版本。jQuery Mobile 不只有会给主流移动平台带给jQuery大旨库,並且会发布四个全部统大器晚成的jQuery移动UI框架。扶持全世界主流的移位平台。jQuery Mobile开采组织说:能支付这些类型,大家丰硕高兴。移动Web太急需叁个跨浏览器的框架,让开拓职员开荒出真正的位移Web网址。

    2、jQTouch

    jQTouch 是一个 jQuery 的插件,主要用以手提式有线电话机上的 Webkit 浏览器上达成部分总结动漫、列表导航、暗中同意使用样式等各样平淡无奇UI效果的 JavaScript 库。扶植满含 酷派、Android 等手机。

    3、DHTMLX Touch

    DHTMLX Touch是四个无偿的HTML5/JavaScript框架,特地为触摸屏设备而优化。为您带来急速支付工艺精美的移动Web应用程序的力量。DHTMLX Touch UI Designer是三个可视化的编辑器用于营造移动客户界面。它能够帮你以最少的编码构建一级的客户分界面。在其主页上提供部分示范可以展现DHTMLX Touch强大的顾客分界面。富含三个menu app for the 平板电脑 (适用于付出餐厅使用) 和Book Shop (多个E-BOOK铺应用)。

    4、Mobilize.js

    Mobilize.js是叁个开源的HTML5-JavaScript框架用于从其余今后有专门的职业网址神速,简便地创设移动网址。那些框架其实正是将急需在移动设备上显示的片段页面以jQuery Mobile的暗中同意宗旨展现,并不是兑现一个全新完整的活动页面。Mobilize.js 可用于大肆网址,但对此基于WordPress和Sphinx的网址无需动用该框架调换,因为已经有非常的多的插件能够应用。

    5、The M Project

    The-M-Project是其它二个精锐的JavaScript框架,它选拔HTML5新的风味来更加好和更轻松地开拓活动应用。这些框架据守盛名的MVC软件架构格局。它还扶植离线,所以您的客户能够在未曾连接网络的情景下再而三操作(当后一次有连线的时候,再将数据同步到劳动器中)。提供精美的文档(那些种类全部叁个指引新客户入门的支出指南)。能够查阅提供的亲自过问来对该品种有二个初目标垂询。那个示例蕴涵:ToDo App(待办事项目应用) 和 KitchenSink (那一个示例满含那几个框架提供的全部UI元素)。

    6、WebApp.Net

    WebApp.Net 提供了重重的 API,因而能够扶植您节省数不完干活了。无需花时间去进行 Ajax 调用的编码,因为早就嵌入了,此外还大概有大多别样内置功用,提供了详细的文档和接受示范。

    7、Wijmo

    Wijmo是三个基于jQuery UI的UI零部件的套件。Wijmo零器件进行了优化顾客端Web开辟和使用jQuery的优惠待遇的属性和易用性的力量。全部的Wijmo零器件都配备了20多个大旨和支持ThemeRoller。

    8、960 Grid on jQuery-Mobile

    jquery-mobile-960 是多个用于移动 Web 开荒的网格框架,综合了 960.gs 的灵活性和 jQuery Mobile 的方便性。它的指标是让 jQuery Mobile 布局越来越利落,使得应用应许在运动终端特别易用。

    9、Sencha Touch Framework

    Sencha Touch 是世界上首先个依靠 HTML5 的位移 Web 开垦框架,帮忙最新的 HTML5 和 CSS3 标准,周到同盟 Android 和 Apple iOS 设备,提供了丰裕的 WEB UI 组件,能够快速的开销出运转于运动终端的应用程序。Shencha是第贰个利用HTML5,CSS和JavaScript何况扶持音频/录像,本地存款和储蓄,圆角,渐变背景以至阴影的支出框架。

    10、NimbleKit

    NimbleKit 是为 iOS 设备构建应用程序最便捷的不二秘籍,你无需领会Objective-C 大概 iOS SDK,你只需结合 JavaScript 代码编写 HTML 页面就足以了。

    11、Touchy™ Boilerplate

    Touchy Boilerplate 是一个用来创建移动web app,包涵HTML模板,Meta tag等的工具。Touchy能够扶植动态页面导航,固定页头,滚动内容,浏览历史记录等作用。Touchy使用jQuery只怕Zepto.JS。

    12、PhoneGap

    PhoneGap是多少个用基于HTML,CSS和JavaScript的,创设移动跨平台活动应用程序的登时支付平台。它使开荒者能够采纳诺基亚,Android,Palm,Symbian,WP7,Bada和Blackberry智能手提式无线电话机的着力功效——包含地理定位,加快器,联系人,声音和震憾等,其他PhoneGap具有丰盛的插件,能够以此扩大无限的机能。PhoneGap是无偿的,但是它需求一定平台提供的增大软件,举个例子Motorola的MotorolaSDK,Android的Android SDK等,也能够和DW5.5配套开垦。使用PhoneGap只比为每一个平台独家制造应用程序好一丢丢,因为尽管基本代码是相仿的,但是你如故须求为每一种平台独家编译应用程序。

    13、joshfire

    Joshfire是多少个开源的跨设备支出框架,支持开拓者创立能够在各类器具上运营的web app。它接受HTML5和JavaScript,何况同意开辟者急忙组合本地利用和一定的web应用。Joshfire能够令你的施用接收键盘,鼠标,触摸屏,遥控器等配备的输入。Joshfire扶持Node.JS。4.Sencha Touch:基于HTML5的位移网页开垦框架。

    14、 Julia

    Julia框架由基本CSS3文本、JS库和顺序平台的运维库构成。不像PhoneGap,Julia不唯有富含调用本机代码的接口层,它还隐含 Model-View-Controller(MVC)扶植,Delegation支持,OAuth援助,异步数据库存取接口,HTML选用符(类jQuery调用接口),HTML模版(允 许嵌入JS代码)等采纳开荒必备的API接口。 基于Julia的选拔开荒犹如网址开采那么容易,是的,你到底得以用HTML5支出二个总体的、跨平台 的、不亚于本机代码的、易于维护的移位使用了!大幕就要公布,让大家一同进去线上支付的新时期

    15、SproutCore HTML5 Application Framework

    SproutCore 是几个 HTML5 移动 Web 开拓框架,它的靶子是在不须求浏览器插件的景况下,在浏览器中位应用程序提供极佳的桌面效果。

    16、Titanium

    那是一个强有力的,强壮的活动Web开荒框架。能够让使用现存的HTML, CSS和JavaScript知识来为 iOS和Android平台支付原生移动应用。作为叁个更是大的移动Web框架,它装有超越300个的APIs和活泼的开拓者社区。你从那个社区中收获每一个开采人士的帮扶。Titanium Mobile帮忙原生的iOS和Android UI成分如Table views, tabs, switches和popovers。它提供力所能致与移动器材的摄像头和当三步跳件存储系统相交互作用的性子。

    17、Lungo.js

    Lungo.js 是三个行使HTML5, CSS3 和JavaScript能力贯彻的活动Web应用程序开采框架。利用那框架开垦的应用程序可运营具备流行的阳台包蕴:iOS, Android, Blackberry 和 WebOs。它还扶持触摸事件如:tap, double-tap和swipe。整个框架未有利用任何图片饱含Logo,全部都矢量化。能够在那一个框架中接受HTML5装有的片段风味如:WebSQL, 地理地方一定,历史或设施方向等。Lungo.js是二个模块化并且完全可定制的框架。

    18、xui.js

    有时候你大概供给三个相当轻量级的框架,只要具有用于支付标准顾客端所急需的效果如:DOM操作,事件管理,Ajax和有个别动画片效果。假使是那样的话,那些框架恰恰非常切合你。整个框架选拔GZIP压缩完事后独有4.2 KB。

    19、EmbedJS

    EmbedJS是四个用来嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。EmbedJS强大之处在于,它抱有特别为一定平台和浏览器如iOS, Firefox, Android等提供相应的付出版本。那样就可以知道以起码的代码,为客商提供最棒的体会。何况意气风发旦你赏识自身定制,能够选取其提供的EmbedJS Build tool工具实现。EmbedJS基于Dojo完成,所以您假诺熟谙Dojo API语法,那EmbedJS将是您最好的选拔。

    20、zepto.js

    zepto.js是三个专为mobile WebKit浏览器(如:Safari和Chrome)而开辟的三个JavaScript框架。它展现自个儿在其容易的支付观念,能够扶持开荒职员轻便、急忙地变成支付交付任务。更器重的是那些JS框架,是超轻量级的,独有5KB。zepto.js的语法借鉴而且合营jQuery。

    21、Baker

    Baker是用来在三星平板或然中兴平台上公布交互作用式的E-BOOK恐怕电子杂志的HTML5E-BOOK框架。

22、ChocolateChip-UI 

ChocolateChip-UI 是一个手提式有线话机活动 Web 开垦框架,选取 HTML5, WAML, CSS 和 JavaScript等手艺实现。基于 ChocolateChip JavaScript 框架,满含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

    Magazine Grid 是一个超现代的 CSS 框架,用于 平板电脑 和 一加手提式有线电话机,使用相通杂志的设计风格。Magazine Grid 可让客商使用 HTML5 成分来组织杂志页,超级轻量级(<4k),在移动装备上加载超快,对老的浏览器也帮忙。

24、Kendo UI

Kendo UI是二个强盛的框架用于快捷HTML5 UI开垦。基于最新的HTML5、CSS3和JavaScript规范。 Kendo UI包蕴了支现身代JavaScript开荒所需求的全部一切,包涵:强盛的数据源,通用的拖拖拉拉(Drag-and-Drop)功效,模板,和UI控件。

    25、HTML App Host Framework

那是三个用以营造基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技艺。该框架由扶植在标准 xap 格式中贮存 html 应用的控件。

    参照他事他说加以考查链接:

    

    

    


编辑:Web前端 本文来源:PhoneGap开拓至关重要的五件道具,面向移动器材的

关键词:

  • 上一篇:没有了
  • 下一篇:没有了