HTML5/JQM android应用结构

Question

我一直在开发一个应用程序，我找到了很多东西来做我需要的事情，然而似乎有这么多方法来完成任务，我想我应该问问专家们他们会走哪条路。

那么，如何构建有问题的应用程序...

Idea是一款应用程序，它将使用GPS地理定位引导你通过一个村庄，当你到达兴趣点(可能20个左右)时，该应用程序会提醒你，并向你讲述信息(媒体文件)，还可能显示一些相关的照片。

使用HTML5，JQM和phonegap (安卓)，我让地理定位在一个#页面上工作，显示当前位置，然后当距离该地点足够近时触发页面更改，然后它会播放位于web服务器上的音频文件。

我目前有一个多页面设置，但它变得混乱，当我试图添加更多的兴趣点和显示不同的地图等，内部页面导航被证明是棘手的。我已经到了构建的一个点，现在想知道如何在不打乱已经在工作的情况下继续进行。

对于功能，多页面是可行的吗？如果是这样，我应该如何构建它？是否应该在每次到达一个点时，打开一个新的#页面，然后在该页面上运行一个事件？是否将所有的叙述性mp3文件存储在本地或服务器上？如何将所有的地图坐标存储在一个数组中并引用它们？

有什么建议吗？干杯

Answer 1

在使用单页体系结构或多页体系结构时，有几点需要考虑。

使用单页面架构，您所有的“页面”都驻留在一个html文件中。因此，javascript将被加载一次。

使用多页面架构，可以更容易地维护页面。但是，当您更改页面时，根据您用来更改页面的内容，javscript可能会被重新加载。

如果你正在使用jqm的changePage，它将加载第一个“页面”div，而如果你正在使用普通的javascript reload来更改页面，所有的javascript都将被重新加载。

就我个人而言，我混合使用这两种方法。这取决于我如何构建我的项目。