在单页面应用程序上管理多个脚本

Question

我正在开发一个单页的phonegap应用程序。使用我自己的自定义逻辑（不使用任何单页库）。

它具有Web服务访问和在线 - 离线同步以及其他手机功能等功能。

我有近100个视图及其代码。现在我遇到了一个困惑，实现这一目标的最佳解决方案是什么。

我将从已存储在主html页面上的模板生成html。 我还将在视图之间交换时删除视图的html。

1）合并单个js文件中的所有代码。

• 它可能会导致内存泄漏，并且会包含在单个js文件中的大量对象。

2）动态添加/删除脚本标记

• 在视图js文件中拆分应用程序逻辑，然后使用jquery动态添加/删除脚本标记。

• 同时删除添加的dom事件侦听器。

Answer 1

我建议您使用backbone.js和underscore.js作为项目。

您可以在这里了解backbone.js。 http://backbonetutorials.com/

Answer 2

我没有听说过大型JavaScript文件的内存泄漏。我会说使用像grunt这样的任务运行器将有助于组织和性能。在HTTP1中，请求很昂贵。在HTTP2（具有多路复用）出来之前，组合脚本是一种非常好的做法。