在Phonegap应用程序中组织Javascript代码的最佳方法

时间:2012-02-06 11:53:39

标签: javascript html5 cordova

Phonegap应用程序通常与一般网站不同,即使它们是用相同的语言编写的。

主要差异:

  • 一个Phonegap应用程序从本地文件加载主页
  • 许多移动设备的Web框架(如jQuery Mobile)通常会加载一个html文件,然后以编程方式更改页面。

所以我认为在外部JS文件上放置代码的常见建议已经过时了。这是真的吗? 组织代码的最佳方法是什么,以便加载和轻松维护? (例如,您是否将涉及数据的视图和代码的代码分开?)

2 个答案:

答案 0 :(得分:2)

即使使用jQueryMobile,我也有很多html文件。有时我们使用jQueryMobile机制加载来自另一个html文件的一部分内容,该机制只加载html文件中的特定#id。在许多应用程序中,数据从外部站点加载并从本地文件插入到内容中。如果我在本地加载任何数据,我使用数据子文件夹,除非我从本地存储加载。

鉴于此,这是我的www文件夹的典型结构:

www (all my views go in this main folder)
  data (any local files that will be loaded for insertion into my views)
  js (all my phonegap plugins and jquery source goes here)
  styles (css for jquery, local views, etc)
  images (local images for my views

答案 1 :(得分:0)

Phonegap应用程序通常是使用高级集成点的Web应用程序。内容仍然在WebView中呈现,与系统浏览器没有太大区别......

组织应用程序代码没有标准,但大多数网络应用程序的建议也非常适合Phonegap应用程序......