使用HTML,CSS和JavaScript构建移动应用程序的10个框架

Android应用程序使用Java ,iOS应用程序使用Objective-C ,而Windows Phone应用程序使用.NET

从技术上讲,Android,iOS和Windows Phone中的移动应用程序是使用完全不同的编程语言构建的。

对于可能只熟悉HTML,CSS和JavaScript的许多Web开发人员而言, 开发本机移动应用程序可能是陌生的领域

使用像PhoneGap这样的打包程序/编译器,您将可以在许多不同的平台上移植和安装您的应用程序。

使用网络技术构建应用程序的一项主要优势是可移植性

但是现在,任何具有HTML,CSS和JavaScript知识的人都可以构建移动应用程序。

如果您准备好构建下一个十亿美元的应用程序,让我们查看一下列表。

在这里,我们汇总了我们可以找到的10个最佳移动框架。

他们还完成了一半的艰苦工作,以弥合Web和移动平台之间的差距

有许多框架使之成为可能。

1.

与其同级jQuery UI相似,jQuery Mobile包含许多UI ,在这种情况下,这些UI 已针对移动设备和支持触摸的设备进行了优化

jQuery Mobile支持广泛的不同平台,包括常规的台式机,智能手机,平板电脑或电子阅读器设备,如Nook或Kindle。

jQueryMobile是一个健壮的移动开发框架,用于构建跨移动平台的应用程序

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

2.

它将使用平台的SDK编译您的应用程序,并准备将其安装在其支持的平台上,包括iOS,Android,Windows Phone,Blackberry和Web OS。

相反,我们可以使用类似jQuery Mobile的框架。

Cordova / Phonegap允许我们构建没有本机编程语言的移动应用程序

Cordova / Phonegap提供了一组JavaScript API,这些API 连接到设备的本机功能,例如Camera,Compass,Contacts和Geolocation。

PhoneGap本质上基于Cordova。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

3.

此外,Sencha Touch还为iOS,Android,Blackberry,Windows Phone,Tizen和其他各种平台提供了一组主题,以使您的应用程序看起来像本地应用程序。

您可以编译您的应用程序,然后将其提交到相应平台的App Store。

Sencha Touch支持CordovaPhoneGap ;

Sencha Touch是一个由HTML5和CSS3支持的移动框架,提供与当前移动平台和浏览器兼容的API,动画和组件。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

4.

在2.0版中,Ratchet还附带了其专有的字体图标集Ratcheticon以及两个针对iOS和Android的预制UI主题

Ratchet附带了一系列用户界面和JavaScript插件,用于构建简单的移动应用程序,并提供可重复使用HTML类

Twitter最初将Ratchet用作内部工具来创建其移动应用程序原型,然后将其作为开源项目公开发布。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

5.

与Ratchet相似,Ionic附带了精心制作的字体图标集Ionicons和一堆可重复使用HTML类,以构建移动UI。

与Angular.js一起使用时效果最好,可以构建一个交互式应用程序

Ionic是一个HTML5移动框架,它通过利用硬件加速来关注性能,并且不需要第三方JS库。

如果您担心自己的应用性能,那么Ionic是适合您的框架。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

6.龙

Lungo支持以下平台:iOS,Android,Blackberry和Firefox OS。

除了移动UI组件之外,Lungo还提供了许多JavaScript API来控制您的应用程序。

它具有非常好的默认样式,您可以将其用作设计移动应用程序的起点。

Lungo是基于HTML5和CSS3轻量级移动框架

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

7.

它带有一个可以使用Sass / Compass进行修改的主题,可以通过CSS3进行调整的炫酷3D过渡,此外开发人员还可以使用自己所需的功能扩展jQT。

jQT易于定制扩展

jQT是主要用于Webkit浏览器的移动框架Zepto插件。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

8.

但是Junior依赖于几个外部库才能使用某些功能,例如Backbone.js,用于创建可滑动滑块的Flickable.js和用于UI支架的Ratchet。

Junior还是一个Zepto插件,用于构建类似于jQT的移动应用程序。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

9.

此外,您可以将Jo与PhoneGapCordova一起使用,以打包您的应用程序以在移动平台上使用。

Jo还提供了一个由CSS3驱动的入门工具,因此,无论您有任何经验,Web开发人员都可以轻松地掌握并开始设计其应用程序。

Jo支持多种移动平台,包括Tizen和Chrome操作系统。

使用HTML,CSS和JavaScript构建移动应用程序的10个框架

10.

您可以在www.famo.us上注册为Beta测试人员,以开始使用它。

据报道,Famo.us还将推出一项基于云的服务,以打包您的应用程序以发布到AppStore上-听起来PhonegapSencha很快就会有新的竞争对手。

Famo.us是移动框架领域的新成员,它承诺通过其轻量级JavaScript引擎 (仅64k) 消除移动设备上HTML5性能问题

使用HTML,CSS和JavaScript构建移动应用程序的10个框架


翻译自: https://www.hongkiat.com/blog/mobile-frameworks/