HTML5/JQM 安卓应用结构

Question

我一直在开发一个应用程序，并找到了很多可以做我需要的事情，但是似乎有很多方法可以完成任务，我想我会问专家他们会走哪条路。

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

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

使用 HTML5、JQM 和 phonegap (Android)，我在一个#page 上进行地理定位，显示当前位置，然后在与该地点的距离足够近时触发页面更改，然后播放位于一个网络服务器。

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

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

有什么建议吗？ 干杯

Answer 1

当您使用单页架构或多页架构时，需要考虑几件事情。

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

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

如果你使用jqm的changePage，它会加载第一个“page”div，而如果你使用plain javascript reload来改变页面，所有的javascript都会被重新加载。

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