跳至正文

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

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

对于许多可能只熟悉 HTML、CSS 和 JavaScript 的 Web 开发人员来说,开发原生移动应用程序可能是一个陌生的领域从技术上讲,Android、iOS 和 Windows Phone 中的移动应用程序是使用完全不同的编程语言构建的;Android 应用程序使用Java,iOS 应用程序使用Objective-C,而 Windows Phone 应用程序使用.NET

但是现在,任何对 HTML、CSS 和 JavaScript 有一定了解的人都可以构建移动应用程序。使用网络技术构建应用程序的一个关键优势是可移植性使用打包器/编译器,如PhoneGap,您将能够在许多不同的平台上移植和安装您的应用程序。

有许多框架使这成为可能。他们还为缩小网络和移动平台之间的差距做了一半的努力在这里,我们汇集了 10 个我们能找到的最佳移动框架。如果您准备好构建下一个价值十亿美元的应用程序,请查看列表。

1.jQuery手机

jQueryMobile 是一个强大的移动开发框架,用于构建跨移动平台的应用程序jQuery Mobile 支持范围广泛的不同平台,从普通台式机、智能手机、平板电脑或电子阅读器设备(如 Nook 或 Kindle)。与其兄弟 jQuery UI 类似,jQuery Mobile 包含许多UI,在这种情况下,这些UI针对移动和支持触摸的设备进行了优化

推荐阅读: 移动应用程序设计/开发:JQuery Mobile 初学者指南

2.科尔多瓦/ PhoneGap

PhoneGap 本质上是基于 Cordova 的。Cordova/Phonegap 提供一组 JavaScript API,可连接到设备的本机功能,例如相机、指南针、联系人和地理定位。Cordova/Phonegap 允许我们在没有本地编程语言的情况下构建移动应用程序相反,我们可以使用像 jQuery Mobile 这样的框架。它将使用平台的 SDK 编译您的应用程序,并准备好安装在它支持的平台上,包括 iOS、Android、Windows Phone、Blackberry 和 Web OS。

3.煎茶触摸

Sencha Touch 是一个由 HTML5 和 CSS3 提供支持的移动框架,提供与当前移动平台和浏览器兼容的 API、动画和组件。Sencha Touch 同时支持CordovaPhoneGap您可以编译您的应用程序,并将您的应用程序提交到相应平台的应用程序商店。此外,Sencha Touch 还为 iOS、Android、Blackberry、Windows Phone、Tizen 和各种其他平台提供了一组主题,以帮助您的应用程序感觉像本机应用程序。

4.棘轮

Ratchet 最初被 Twitter 用作内部工具来创建他们的移动应用程序原型,然后作为开源项目公开发布。Ratchet 带有一组用户界面和 JavaScript 插件,用于构建简单的移动应用程序,提供可重用的 HTML 类在 2.0 版中,Ratchet 还附带了其名为Ratcheticon的专有字体图标集和两个适用于 iOS 和 Android 的预制 UI 主题

5.离子

如果您关心应用程序的性能,那么 Ionic 是适合您的框架。Ionic 是一个专注于性能的 HTML5 移动框架,利用硬件加速,它不需要第三方 JS 库。它最适合与 Angular.js 一起构建交互式应用程序与 Ratchet 类似,Ionic 附带了精心制作的字体图标集Ionicons和一堆可重用的 HTML 类来构建移动 UI。

6.午餐

Lungo 是一个基于 HTML5 和 CSS3 的轻量级移动框架它具有非常好的默认样式,您可以将其用作设计移动应用程序的起点。除了移动 UI 组件外,Lungo 还提供了许多 JavaScript API 来控制您的应用程序。Lungo 支持以下平台:iOS、Android、Blackberry 和 Firefox OS。

7. jQT

jQT 是主要为 Webkit 浏览器设计的移动框架的 Zepto 插件jQT 很容易定制扩展它带有一个可以使用 Sass/Compass 修改的主题,可以通过 CSS3 调整的炫酷 3D 转换,此外,开发人员还可以使用自己所需的功能扩展 jQT。

8.少年

Junior 也是一个Zepto 插件,用于构建类似于 jQT 的移动应用程序但 Junior 依赖于几个外部库来实现某些功能,即 Backbone.js、用于创建可滑动滑块的 Flickable.js 和用于 UI 脚手架的 Ratchet。

9.

Jo 支持多种移动平台,包括Tizen 和 Chrome OS。Jo 还附带了一个由 CSS3 提供支持的启动器,因此无论经验水平如何,Web 开发人员都可以轻松掌握并开始设计他们的应用程序。此外,您可以将 Jo 与PhoneGapCordova一起使用来打包您的应用程序以在移动平台上使用。

10.Famo.us _

作为移动框架领域的新手,Famo.us 承诺通过其轻量级 JavaScript 引擎(仅 64k)消除移动设备上的 HTML5 性能问题。据报道,Famo.us 还将推出一项基于云的服务来打包您的应用程序以发布到 AppStore——听起来PhonegapSencha很快就会有一个新的竞争对手。您可以在www.famo.us中注册成为 Beta 测试员,以亲身体验。

标签: