离线HTML5或原生SDK,用于跨平台应用程序开发或JQUERY移动

我打算构建一个应用程序,用于从菜单中选择内容并使用它进行操作。 我之前想过学习java并在android上构建,但后来我遇到了HTML5和JQuery mobile。

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

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

Html5是原始信息。 Jquery(Javascript的一部分)对交互元素进行编码。 CSS就是设计。 保持它们所有单独的,Web标准等。

这些技术适用于Web浏览器,但非Web浏览器无法读取此代码,如应用程序商店等.Phonegap打包此代码,因此可以在其他平台上阅读。 因此,不要多次重做代码 – 写一次在任何地方发布,或者像这样写一些。 从图中可以看出: http://phonegap.com/uploads/artwork/Build-Diagram-3.png

我会用简单的英语通过他们每个人。

Phonegap是一套API,可以使用手机摄像头拍摄照片,使用设备加速计,地理定位等。

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

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

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

jQuery ,更具体地说,在你的情况下, jQuery mobile是一个主要用于用户界面设计(以及Ajax)的javascript库。 它可以更轻松地执行动画(诸如图像淡入或在屏幕上移动之类的事物),事件处理(当用户点击,hover,聚焦,图像或按钮或任何元素时会发生什么)。 例如,查看以下代码:

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

当用户在500毫秒内点击特定按钮时,这3行代码淡出特定图像。 简短又甜蜜。 所以这正是jQuery的一个库,它使创建一个漂亮的UI更容易。

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

HTML5是最新一代的HTML,旨在为基于Web的内容提供全面的应用程序开发平台,无需第三方插件,如flash或java。 音频video播放,拖放,使用webSQL进行本地文件存储,当然还有用于高级绘图和动画的canvas元素。

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

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

一个很好的起点就在这里(StackOverflow),我肯定建议你仔细阅读Phonegap和jQuery Mobile的文档并阅读一些演示。

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

  • 关于PhoneGap的问题和神话
  • Phonegap简介
  • jQuery Mobile:它能为你做什么?
  • 什么是HTML5? (video)

祝好运并玩得开心点

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

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

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

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

由于它是基于这些技术构建的,因此我建议您在查看jQuery Mobile之前尝试在HTML,CSS和jQuery中获得扎实的基础。 我认为您现在可以忽略Phonegap,因为您知道当使用上述技术构建应用程序时,您将能够使用该框架将应用程序打包到您计划定位的平台。