9 款极佳的 JavaScript 移动应用程序开发框架(9 Top JavaScript Frameworks For Mobile App Development )

By | 2018年7月12日

speaking, mobile apps on iOS, Android, and Windows Phone are coded
using different programming languages. An iOS app uses Objective-C, an
Android app is coded with Java, while a Windows Phone application uses
.NET. However, with a decent knowledge of JavaScript, CSS, and HTML, you
can build awesome mobile apps. Therefore, in this blog  we are going to
discuss the top JavaScript frameworks for developing mobile apps.

Further reading: 9 Top JavaScript Frameworks List In Today’s Time

For web development, JavaScript has been a
promising programming language and it’s not going anywhere in the near
future.  Does JavaScript have the same impact on mobile app development?
Let’s find out. Here are the top 9 JavaScript frameworks for mobile app
development as per our research at ValueCoders:

从技术上来看,iOS,Android 和 Windows Phone 上的移动应用是使用不同的程序语言开发的,iOS 应用使用 Objective-C,Android 应用使用 Java,而 Windows Phone 应用使用 .NET. 。随着 JavaScript,CSS 和 HTML 知识技能的提升,相信你也可以构建一个超赞的移动应用。在这篇博客里,我们将会介绍一些极好的 JavaScript 移动应用程序开发框架。

深入阅读:目前 9 款极佳的 JavaScript 框架列表

说到网络开发,就不得不说 JavaScript,这是一款很有前途的程序语言。但在可预见的将来,.JavaScript 还能给移动 App 开发方面带来同样的影响吗?让我们来看看,以下是我们在 ValueCoders 上研究得出的 9 款极佳的 JavaScript 移动应用程序开发框架。

Top 9 JavaScript Frameworks for Mobile

1) PhoneGap/Cordova

(distribution of Apache Cordova) is a software development framework
that helps you to reuse your existing web development skills to quickly
make hybrid mobile applications built with HTML, CSS, and JavaScript.
Hence, this is not exactly a JavaScript framework. However, it’s
important for you to know about PhoneGap before you get started.

PhoneGap works as a medium between your web application codes and mobile OS APIs. This diagram will help you understand better:

Courtesy: phonegap.com

With the help of PhoneGap, you can use the same
code that you wrote in JavaScript, HTML, and CSS and generate APIs for
mobile OS like Android and iOS.

 Apart from PhoneGap, there are a few more frameworks that can help convert your JavaScript files to mobile APIs. Xamarin, Ionic, Corona are some honorable mentions.

Further reading: Xamarin or Ionic: which one to choose?

9款极佳的 JavaScript 移动框架

1) PhoneGap/Cordova

PhoneGap (来自 Apache Cordova) 是一个软件开发框架,它允许你利用现有的 Web 开发技术快速开发混合手机应用程序,如,HTML、CSS 和 JavaScript。因此,准确的说这不是一个单纯的 JavaScript 框架。现在我们先了解一下 PhoneGap。

PhoneGap 是在 Web 应用程序代码和移动系统 API 之间进行对接的中介。下图能帮助你理解它:

来自: phonegap.com

在 PhoneGap 的帮助下,你可以使用原来在 JavaScript、HTML 和 CSS 中写的相同的代码,生成移动操作系统,如 Android 和 iOS 的 API。

除了 PhoneGap,还有一些其它的框架能帮助你把 JavaScript 文件转换为移动 API,如 Xamarin, Ionic, Corona 。

相关阅读:Xamarin 还是 Ionic:到底选择谁?

2) Titanium

Appcelerator’s Titanium
is an open source application development platform that allows you to
create native apps (mobile and desktop) using web technologies, such as
HTML, JavaScript, and CSS. The Titanium Mobile SDK is one of the most
popular cross-platform mobile development solution in use today with
over 916109 mobile developers and 460, 587, 474 devices use Accelerator
powered apps.

Here is the architecture how Titanium works:

2) Titanium

Appcelerator 的 Titanium 是一个开源的应用开发平台,它允许你使用像 HTML,JavaScript 和 CSS 这样的web技术来创建原生应用(移动应用和桌面应用)。Titanium 手机 SDK 是如今被使用的最流行的跨平台手机开发解决方案之一,有超过 916109 名移动开发者和 460, 587, 474 台设备在使用  Accelerator 驱动的应用 .

这是 Titanium 工作的架构图:

3) jQuery Mobile

jQuery Mobile framework takes the “write less, do more” agenda to the next level. It
is one of the top JavaScript frameworks for mobile to build an
application or mobile friendly website.

jQuery Mobile supports a number of user
interfaces that are compatible with modern platforms such as Android,
iOS and to the earliest of platforms such as Opera Mini and Nokia
Symbian. With the help of PhoneGap you can integrate your jQuery web app
code to an interactive iOS or Android application.

3) jQuery Mobile

jQuery Mobile 框架将“写得更少,做得更多”作为下一个版本的理念。这是最顶尖的移动端 JavaScript 框架之一,可用于创建应用或在移动设备上界面友好的网站。

jQuery Mobile 提供了大量的用户接口来支持对现代平台的兼容,如 Android、iOS,甚至很早的 Opera Mini、诺基亚塞班等平台。你可以将 jQuery Web 应用整合在 PhoneGap 中,使之成为可交互的 iOS 或 Android 应用。

4) Sencha Ext JS

Ext JS (aka Sencha Touch—the
two merged in March of 2015 to form Ext JS 6.0) is said to be the only
framework that offers optimal solutions to developers create fast and
impressive mobile applications that work on  Android, iOS,  Kindle Fire,
and more. It comes with lots of creative and useful components that
work efficiently on all types of mobile applications. Here’s a glimpse of the features.

And here is a feature comparison of the top four frameworks (keep in mind, Sencha Touch refers to Sencha Ext JS here).

4) Sencha Ext JS

Ext JS (又叫 Sencha Touch —它们于2015年3月合并成 Ext Js 6.0) 据说是唯一能让开发人员快速创建优秀移动应用的解决方案框架,这些应用可以运行在 Android、iOS,Kindle Fire 或者其它一些平台上。它配备了大量具有创造性的、有用的组件,在各种移动应用上都可以高效运转。下面是特性一瞥

这里是对上面四种框架的比较(注意:这里提到的 Sencha Touch 是指 Sencha Ext JS)。

5) React Native

If you are fond of Native mobile applications,  you are majorly left with two options- Xamarin and React Native. Xamarin
allows you only to write the same kind of code while programming
natively including  similar interface design tools and similar calls.

React Native (from Facebook)
on the other hand,  takes an entirely different path toward native app
development. It uses JavaScript code, CSS-alike stylesheets and
all-too-familiar HTML-alike tags for layouts. Here’s a graph for clear
understanding of React Native popularity:

Hence, if your team is already React friendly, then React Native could be a good choice for you.

Further reading: 5 reasons to choose Facebook’s ReactJS

6) Meteor

Meteor 是另一个开发交互式移动应用的 JavaScript 框架。Meteor 不仅能让你用 JavaScript 开发移动应用,还能让持续控制应用。在这个特性下,你可以更新 JavaScript 代码,并通过实时代码推送功能将其立即发布给所有移动平台的用户,而这一切都可以不需要开发者支持。

Meteor(版本: 1.0) 的另一个特点是它会通过手机内存中运行的 miniMongo 数据库在本地维护一个数据拷贝。另外,Meteor 会完成所有电话和服务器之间的数据通信及同步。(miniMongo 是 JavaScript 实现的 MongoDB API。) 这是它的架构:

相关阅读:开发中使用 Meteor JS 的优势

7) NativeScript

NativeScript is a Telerik
invention for building multi-platform native mobile applications from a
single code source. The NativeScript site and GitHub page depict the
runtime as empowering developers to utilize JavaScript and TypeScript
(even Angular 2.0) to build native apps for Android, iOS, and Windows
Phone and offer code over the platforms.

Here is the architecture that NativeScript follows:

8) Rachet

is another essential element in the top JavaScript frameworks for
mobile app development. It aims to provide  developers and designers
with a framework for building mobile web apps. The framework is created
by the same team that brought the popular Bootstrap framework to you,
which assures the high quality of Ratchet. Whether you want to target
Android, iOS, or both, Ratchet 2.x is up for the job.

7) NativeScript

NativeScript 是 Telerik 发明的从单一的源代码构建多平台的本地移动应用程序工具集。NativeScript 网站和 GitHub 页面描述运行时使开发人员能够利用 JavaScript 和 TypeScript(甚至Angular 2.0)来为安卓、iOS、构建本地应用程序,并提供代码平台。

NativeScript 的架构如下:

8) Rachet

Ratchet 是顶级 JavaScript 框架的另一个主要元素,用来开发移动应用程序。它旨在为开发人员和设计人员提供了一个框架来构建移动 web 应用程序。该框架是由为我们带来 Bootstrap 的同一个团队创造,以确保 Ratchet 高质量。不管你想要的目标是 Android,iOS,或两者兼而有之,Ratchet 2.x 都能帮你实现。

9) Mobile Angular UI

One of the top JavaScript frameworks for mobile is Mobile Angular UI.
If you are an Angular fan, then this framework is for you. It provides
essential mobile components that  Bootstrap 3 misses. Switches,
overlays, scrollable areas, sidebars, absolute positioned top and bottom
navbars that don’t bounce on scroll are some of the features to

Further reading: Top 10 Advantages of Using AngularJS for App Development

However, with the release of Angular 2, concepts has changed a bit. So for Angular 2 admirers Onsen UI 2.0 can be a good choice.

The Bottom Line

Choosing the right JavaScript framework for
mobile is never about the number of features that the particular
framework can offer. It’s about the true functionality of the framework
and how that functionality can be applied properly within your own 
mobile app development project.  Hence, choose one these top JavaScript
frameworks for mobile as per your project’s needs to save time and cost.

This post was originally published on ValueCoders.



翻译于 2年前

1 此译文


9) Mobile Angular UI

Mobile Angular UI 是顶级移动 JavaScript 框架之一。
如果你是 Angular 忠实粉,那么这个框架很适合你。它提供了 Bootstrap 3 遗漏但必不可少的移动组件:Switches(开关), overlays(覆盖), scrollable areas(可滚动区域), sidebars(侧边栏), absolute positioned top(置顶) 和 bottom navbars(滚动时不反弹的带按钮的导航栏) 等等一些提到的功能。

延伸阅读: 使用 AngularJS 开发应用程序的十大优势

然而,随着 Angular 2 的发布,概念也发生了一些变化。 所以对于 Angular 2 的崇拜者来说,Onsen UI 2.0 可以是一个不错的选择。


为移动设备选择合适的 JavaScript 框架,其标准不是看框架包含的功能特色,而是在程序开发项目中该应用框架所能提供的功能。因此,根据您的项目需要来选择合适的 JavaScript 框架,能节省不少时间和成本。

这篇文章最初发表在 ValueCoders



翻译于 2年前

0 此译文


9) 移动版Angular UI

移动设备上的顶级 JavaScript 框架之一是移动版 Angular UI。 如果你是一个Angular粉丝,那么这个框架就是为你而生的。它提供一些 Boostrap3 没有的必要的移动组件。开关、overlay、可滚动区域、侧边栏、绝对定位的顶部和滚动时不晃动的底部导航栏是一些要被提到的功能。


然而,随着 Angular 2 的发布,一些概念已经改变。所以对 Angular 2 的崇拜者来说,Onsen UI 2.0可以是一个不错的选择。


移动设备上选择合适的 JavaScript 框架从来不是由特定框架上可提供的功能数量来决定的。它取决于框架的核心功能,以及该功能如何在您自己的移动App开发项目中正确使用。因此,为了节省时间和成本,请根据您的项目需要从这些顶级的JavaScript框架中选择一个。

这篇文章原文最初发表于 ValueCoders



翻译于 2年前

0 此译文


9) Mobile Angular UI

Mobile Angular UI 是顶级移动 JavaScript 框架之一。如果你是一个 Angular 粉丝,那么这个框架很适合你。它提供必要的 Bootstrap 3 misses 移动组件。开关,叠加层,可滚动区域,会放置在导航栏的顶部或底部,并且,滚动时不弹回提示功能。

进一步阅读:使用 AngularJS 开发应用程序的十大优势

然而,随着 Angular 2 的发布,其概念发生了一些改变。所以对于 Angular 2 的崇拜者来说,Onsen UI 2.0 会是一个不错的选择。


为移动设备选择合适的 JavaScript 框架,其标准不是看框架包含的功能特色,而是在程序开发项目中该应用框架所能提供的功能。因此,根据您的项目需要来选择合适的 JavaScript 框架,能节省不少时间和成本。

这篇文章最初发表于 ValueCoders



电子邮件地址不会被公开。 必填项已用*标注