用Javascript构造多页应用程序的最佳方法

作为一名转向JS/jQuery的Actionscript程序员，我经常需要编写主要针对iOS的多页应用程序，我想知道构建此类应用程序的最佳方式是什么

大多数情况下，我的应用程序都是演示文稿，每个页面都有不同的行为（例如，第1页上的一些弹出窗口、第2页上的一组滑块、第3页上的一些拖放操作……你会明白的），通常情况下，我必须跟踪不同页面上的几个变量

现在我是这样处理的：我在一个名为

my_app.js

的脚本中有一组常用函数，而每个页面都有一个专用的

pageX.js

脚本来解释它的特定职责。我通过

storage.js

库存储持久值，并以某种方式将它们粘在一起并使其正常工作

然而，我认识到这种方法可能有很大的改进空间，所以我想知道经验丰富的开发人员如何应对这种情况

非常感谢

---

Goblin

你的结构听起来很合理（常见的JS文件由特定页面的JS文件补充）。听起来您在存储方面也做得不错

在您的情况下，我要做的是关注代码在体系结构方面的结构。Stoyan Stefanov的Javascript模式（O'Reilly）的第6章可能会很有启发性

考虑到您的情况，我可能还将探讨JS MVC实现，这将非常适合这种方法（很多视图）

---

我意识到这只是一些零散的想法，但希望它能给你一些想法。

下面是我如何组织东西的

 in /    
 modFOO.php  
 modBAR.php
 in /js/
 main.js
 resourceloader.php //this is a resource loader, so I can load multiple JS in a single request
 in /js/pages
 modFOO.js
 modBAR.js //javascript that for page modBAR
 in /css/
 main.css
 resourceloadercss.php //this a resource loader, so I can load multiple CSS in a single request
 in /css/pages/
 modFOO.css
 modBAR.css

---

通过这种设置，我确切地知道在哪里可以找到东西，以及在哪里放置东西。根据文件名modepic.css，我确切地知道该文件放在哪里，以及它是什么（modepic的css文件）。

对于一个小型应用程序来说，您所做的似乎还可以，但正如另一位回答者所说，我会看一看MVC架构。我可以衷心推荐backbone.js，它非常轻量级，而且使用简单

您可以轻松地为所需的每种类型的视图（如sliderController、dragDropController等）创建一个控制器，然后如果需要，将这些控制器子类（“扩展”）为平台特定的控制器（如iPhoneSliderController、iPadSliderController、desktopSliderController等）

---

如果我有更多关于这个应用程序的信息——比如它背后的数据，用户通过拖动/滑动实现了什么——那么我可能能够为您可能需要的模型、视图和控制器提供更具体的布局。但希望这是一个很好的起点，如果您查看一下backbone.js文档，就会知道它是否适合您的应用程序。

感谢大家的快速回答。很高兴知道我并没有完全偏离我目前的方法。js解决方案似乎非常有趣，因为我已经熟悉Actionscript中的MVC模式。