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

Posted 2023-02-23

【中文标题】在 Phonegap 应用程序中组织 Javascript 代码的最佳方式

【英文标题】：Best way to organise Javascript code in Phonegap apps

【发布时间】：2012-02-06 11:53:39

【问题描述】：

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

主要区别：

Phonegap 应用从本地文件加载主页 许多用于移动设备的 Web 框架（如 jQuery Mobile）通常加载单个 html 文件，然后以编程方式更改页面。

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

【参考方案1】：

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

【讨论】：

太好了，谢谢。只是一个问题：您是否将涉及视图的代码（例如刷新列表视图的函数）与涉及数据的代码（例如获取将填充列表视图的数据）分开？谢谢

@micred，我通常不会分离该代码，但这取决于您的应用程序有多大。对于一些非常大的应用程序，我将 JS 代码分成许多不同的文件，每个文件处理应用程序中不同的功能区域。我认为这对于不同的应用程序会有所不同。使用较小的应用程序将所有代码保存在同一个 js 文件中可能就足够了。

【参考方案2】：

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

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