威尼斯手机娱乐官网面向移动设备的HTML5开发框架
分类:计算机知识

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 今世浏览器:SAFA奇骏I/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版本协理HTC和华为平板,但是还没发布到App Store,假设您的装置已经越狱,能够一贯在配备的safari里 点那么些链接进行设置。

4 在线打包工具:PHONEGAP:BUILD

威尼斯手机娱乐官网 13

用作叁个跨平台方案,PhoneGap也提供了二个云打包器,利用它大家能够不用安装别的付出条件,直接将HTML打包成iOS,Android,Windows Phone,WebOS,塞班和Samsung6个手提式有线电电话机系统的安装包。

威尼斯手机娱乐官网 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 GALAXY Tab (适用于付出餐厅使用) 和Book Shop (四个电子书店应用)。

    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具备足够的插件,能够以此扩张Infiniti的职能。PhoneGap是免费的,不过它要求一定平台提供的增大软件,比如红米的HUAWEISDK,Android的Android SDK等,也能够和DW5.5配套开垦。使用PhoneGap只比为每一种平台独家成立应用程序好一小点,因为即便基本代码是大同小异的,可是你还是供给为各类平台独家编写翻译应用程序。

    13、joshfire

    Joshfire是一个开源的跨设备支出框架,帮忙开垦者创设可以在种种装置上运维的web app。它利用HTML5和JavaScript,而且同意开拓者快捷组合本地使用和特定的web应用。Joshfire能够让您的接纳接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire协助Node.JS。4.Sencha Touch:基于HTML5的运动网页开辟框架。

本文由威尼斯手机娱乐官网发布于计算机知识,转载请注明出处:威尼斯手机娱乐官网面向移动设备的HTML5开发框架

上一篇:十行HTML达成增进现实 下一篇:没有了
猜你喜欢
热门排行
精彩图文