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

Best way to organise Javascript code in Phonegap apps

本文关键字：代码 最佳 方式 Javascript Phonegap 应用程序      更新时间：2023-09-26

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

主要区别：

  • Phonegap应用程序从本地文件加载主页
  • 许多移动设备的web框架（如jQueryMobile）通常加载一个html文件，然后以编程方式更改页面

所以我认为把代码放在外部JS文件上的常见建议已经过时了。这是真的吗？组织代码以便快速加载和易于维护的最佳方式是什么？（例如，您是否将与视图有关的代码和与数据有关的代码分开？）

即使使用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

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

组织应用程序的代码没有标准，但大多数针对网络应用程序的建议也很适合Phonegap应用程序。。。

相关文章：