九个用于移动APP开发的顶级JavaScript框架
TFFCor
8年前
<p>从技术上讲，iOS、Android和Windows Phone上的移动app使用了不同的编程语言进行编码。iOS app使用Objective-C，Android app使用Java，而Windows Phone app使用.NET。但是，掌握一定量的JavaScript、CSS和HTML知识，你就可以构建超棒的移动app。因此，在本博客中，我们将讨论用于开发移动app的顶级JavaScript框架。</p> <p>对于Web开发而言，JavaScript是一个有前途的编程语言，并且在不久的将来它将依然在这个领域大放光彩。JavaScript在移动app开发上也有同样的影响吗？让我们一起来看看ValueCoders研究发现的针对移动app开发的前9个JavaScript框架。</p> <p><strong>1）PhoneGap / Cordova</strong></p> <p>PhoneGap（Apache Cordova的发行版）是一个软件开发框架，可帮助重用你现有的Web开发技能，从而快速构建使用HTML，CSS和JavaScript的混合移动应用程序。因此，确切的说这并非是JavaScript框架。但是，在开始之前，了解PhoneGap很重要。</p> <p>PhoneGap是Web应用程序代码和移动操作系统API之间的媒介。此图将帮助你更好地理解：</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/9998802f095c39a3ee29d0dbd3927c83.png"></p> <p>在PhoneGap的帮助下，你可以使用用JavaScript，HTML和CSS编写的相同代码，并为Android和iOS等移动操作系统生成API。</p> <p>除了PhoneGap，还有一些框架可以帮助将JavaScript文件转换为移动API。Xamarin，Ionic，Corona就是这样的框架。</p> <p><strong>2）Titanium</strong></p> <p>Appcelerator的Titanium是一个开源的应用程序开发平台，允许你使用Web技术，如HTML，JavaScript和CSS创建原生app（移动的和桌面的）。Titanium Mobile SDK是当今最流行的跨平台移动开发解决方案之一，拥有超过916109名移动开发人员和使用Accelerator支持app的460,587,474个设备。</p> <p>下面是Titanium的工作原理：</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/23885a74787ad50e7c131632648f3b5c.jpg"></p> <p><strong>3）jQuery Mobile</strong></p> <p>jQuery Mobile框架将“write less, do more”的理念提升到一个新的水平。它是用于移动的构建应用程序或移动友好网站的顶级JavaScript框架之一。</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/f9d7572574b812ad0e7a3af4725c2ff0.png"></p> <p>jQuery Mobile支持许多与现代平台如Android，iOS乃至最早的平台，如Opera Mini和Nokia Symbian兼容的用户界面。在PhoneGap的帮助下，你可以将jQuery Web app代码集成到交互式iOS或Android应用程序。</p> <p><strong>4）Sencha Touch</strong></p> <p>Sencha Touch（类似于Ext JS）被认为是为开发人员创建快速和令人印象深刻的移动应用程序提供最佳解决方案的唯一框架，且这些应用程序可在Android，iOS，Kindle Fire等平台上运行。它带有大量创造性和有用的组件，可高效地工作于所有类型的移动应用程序。下面就粗略地看一看功能。</p> <p>这里是上述四个框架的特征比较</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/23b403a43c76973ff0542c4c1b1c721e.png"></p> <p><strong>5）React Native</strong></p> <p>如果你喜欢Native移动应用程序，那么主要有两个选项——Xamarin和React Native。Xamarin允许你只编写相同类型的代码，而本地编程包括类似的界面设计工具和类似的调用。</p> <p>另一方面，React Native（来自非死book）对本地app采用完全不用的开发路径。它使用JavaScript代码，类似CSS的样式表和所有太熟悉的类似HTML的标签来布局。这里有一个图表可以清楚地了解React Native的受欢迎程度：</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/ef4b773190fa8c197f020b1fb4b80807.png"></p> <p>如果你的团队已经React友好，那么React Native可能是一个不错的选择。</p> <p><strong>6）Meteor</strong></p> <p>Meteor是另一个JavaScript框架，可以帮助你开发交互式移动应用程序。Meteor不仅允许你的JavaScript代码用于移动应用，还可以让你持续控制你的app。使用此功能，你可以更新JavaScript代码而无需开发人员的帮助，并使用热代码推送功能以便于立即将更改部署到所有移动平台上的用户。</p> <p>Meteor（version：1.0）的另一个特点是它通过在手机内部存储器中实现其miniMongo数据库来维护数据的本地副本。此外，所有的电话到服务器数据通信和同步由Meteor提供。（miniMongo是MongoDB API的JavaScript实现。）下面是架构：</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/c9907fdd87723b510bd5fb555827eaf4.png"></p> <p><strong>7）NativeScript</strong></p> <p>NativeScript是一个用于从单个代码源构建多平台本机移动应用程序的Telerik发明。 NativeScript站点和GitHub页面将运行时描述为授权开发人员利用JavaScript和TypeScript（甚至Angular 2.0）去构建Android，iOS和Windows Phone的本机app，并在平台上提供代码。</p> <p>下面是NativeScript遵循的架构：</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/17569a2d6029f04b8027ff90da9409ef.png"></p> <p><strong>8）Rachet</strong></p> <p>Rachet是用于移动app开发的顶级JavaScript框架中的另一个重要元素。它旨在为开发人员和设计人员提供构建移动Web app的框架。该框架由提供 Bootstrap 框架的同一团队创建，这保证了Rachet的高质量。无论你是旨在Android，iOS，还是两者，Ratchet 2.x都行。</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/cc5f8e9881e4587debaaf9ce2f8a9181.jpg"></p> <p><strong>9）Mobile Angular UI</strong></p> <p>顶级移动JavaScript框架之一是Mobile Angular UI。如果你是Angular迷，那么这个框架绝对适合你。它提供Bootstrap 3遗漏的必要的移动组件。切换，覆盖，可滚动区域，侧边栏，绝对定位不弹跳滚动的顶部和底部导航栏，是一些要提到的功能。</p> <p>然而，随着Angular 2的发布，概念略有改变。所以对于Angular 2的崇拜者而言，Onsen UI 2.0也是一个不错的选择。</p> <p><strong>写在最后</strong></p> <p>选择合适的JavaScript框架用于移动开发，从来不在于特定框架可以提供的功能数量。而是在于框架的真正功能，以及该功能如何在你的移动app开发项目中被合理应用。因此，根据你的项目需要选择JavaScript框架用于移动开发以便于节省时间和成本。</p> <p> </p> <p> </p> <p>来自：http://developer.51cto.com/art/201612/524969.htm</p> <p> </p>