2

我正计划构建一个应用程序,用于从菜单中选择内容并进行操作。我早些时候想学习 java 并在 android 上构建,但后来我遇到了 HTML5 和 JQuery mobile。

谁能指导我应该开始学习什么?我打算构建一个简单的应用程序。我只想要一个好的 GUI 并且想写一次。这就是为什么我认为我会在 HTML5 上工作,然后将其存储在本地并在不同平台的 webview 组件中打开它。所以我会写一次并在所有平台上使用它。

我是否朝着正确的方向前进?
还告诉我 HTML5、JQuery 和 Phonegap 之间的区别

4

3 回答 3

6

我会用简单的英语逐一介绍。

Phonegap是一组 API,用于执行诸如使用手机相机拍照、使用设备加速计、地理定位等操作。

基本上,它是一种在您的应用程序和设备之间进行通信(通过 javascript)的方式。例如,要使用 Phonegap 拍照(打开相机),您可以执行以下操作:

navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );

这本质上并不比用原生设备语言打开相机更困难(即:iOS 的 Objective C),但美妙的是这段代码可以在多个设备平台上工作(你有一个或两个小调整每个设备都做,但它基本上是一次编写并使用多平台)。这就是Phonegap。使用相同的代码与多个设备平台进行通信是一堆 API。

jQuery,更具体地说,在您的情况下,jQuery mobile是一个 javascript 库,主要用于用户界面设计(以及 Ajax)。它使执行动画(例如图像淡入或在屏幕上移动)、事件处理(当用户单击、悬停、聚焦、图像或按钮或任何元素时发生的事情)变得更容易。例如,看下面的一段代码:

$('.mybutton').click(function(){
    $('#myelement').fadeOut(500);
});

当用户在 500 毫秒内单击特定按钮时,这 3 行代码会淡出特定图像。短而甜。所以这正是 jQuery 的本质,一个让创建漂亮 UI 变得更容易的库。

jQuery mobile(顾名思义)是针对移动平台开发的。因此,除了 jQuery 的动画和事件之外,它还包括触摸和手势(滑动等)功能,以及在移动应用程序中处理页面和导航的出色框架。

HTML5是最新一代的 HTML,旨在为基于 Web 的内容提供全面的应用程序开发平台,从而消除对 Flash 或 java 等 3rd 方插件的需求。视听播放、拖放、使用 webSQL 的本地文件存储,当然还有用于高级绘图和动画的画布元素。

基本上它只是 HTML 的新版本,它允许更多现代功能。

你在朝着正确的方向前进吗?是的,你肯定是。虽然学习移动平台本地语言有其好处并且非常值得,但许多开发人员正在转向更通用的平台,例如 Phonegap。

一个很好的起点就在这里(StackOverflow),我绝对建议仔细阅读PhonegapjQuery Mobile的文档并玩一些演示。

以下是有关该主题的一些有用链接:

祝好运并玩得开心点

于 2013-01-22T23:00:17.957 回答
2

Html5 是原始信息。Jquery(Javascript 的一部分)对交互元素进行编码。CSS是设计。将它们全部分开,网络标准等。

这些技术适用于网络浏览器,但非网络浏览器无法读取此代码,例如应用商店等。Phonegap 打包此代码,因此可以在其他平台上读取。因此,与其多次重做代码 - 一次编写到处发布,或者类似的东西。在这张图片中可以看到:http://phonegap.com/uploads/artwork/Build-Diagram-3.png

于 2013-01-23T14:30:30.003 回答
1

Phonegap是一个框架,它允许您使用 HTML5、CSS 和 JavaScript 开发您的应用程序,并将其打包为每个主要移动平台的本机应用程序。理论上,您可以编写一次应用程序并针对浏览器以及具有相同核心代码库的主要移动平台(使用 Phonegap)。

jQuery Mobile是一个移动开发框架,建立在 HTML5、CSS 和 JavaScript 之上,可以与 Phonegap 结合使用来构建移动应用程序。它提供了一个可定制的、针对移动设备优化的用户界面(想想页面、标题、列表项、表单组件)和一个用于在应用程序页面之间导航的系统。

jQuery Mobile 依赖于jQuery库,该库旨在通过掩盖许多可能使编写 JavaScript 变得困难的浏览器不一致性来简化客户端脚本编写。它对于选择 HTML 元素和遍历DOM特别有用,根据本次调查,50% 的网站都在使用它。

根据您对应用程序的描述以及您希望编写一次可在各种平台上运行的代码,我会说您肯定走在正确的轨道上。

因为它是建立在这些技术之上的,所以我建议您先尝试在 HTML、CSS 和 jQuery 方面打下坚实的基础,然后再研究 jQuery Mobile。我认为您现在可以安全地忽略 Phonegap,因为当您使用上述技术构建应用程序时,您将能够使用该框架为您计划定位的平台打包您的应用程序。

于 2013-01-22T22:57:54.197 回答