AngularJS单页应用程序架构

Question

因此，我已经开始使用AngularJS开发单页Web应用程序。 为了让您了解此应用程序的大小，它将具有大约20-30个API和100个端点。 使用此方法的最大好处是，一开始便会下载完整的应用程序，然后再调用后端，以将数据填充到不同的屏幕中（类似于移动应用程序）。 虽然总体经验非常好，但我开始怀疑这是否是适合如此规模网站的正确方法。 我主要关心的是：

• 在开始下载所有模板，javascript和css时，这种方法会大大增加初始加载时间吗？
• 如果我更新服务器上的模板或JavaScript，并且用户继续使用下载的与后端不兼容的应用程序，会发生什么情况？ 是否应该添加客户端版本并将其始终与服务器版本进行比较，就像移动应用程序检查是否需要更新？ 在这种情况下，简单的刷新将更新应用程序，但是我需要知道何时刷新应用程序。

如果有SPA经验的人可以就上述几点提供反馈，我将不胜感激。 提前致谢！

Answer 1

我有同样的情况。 对于您的第一个问题，我使用ocLazyLoad 。

我在一开始就加载基本文件，但是仅在用户需要时加载我真正需要的文件。

延迟加载，我想我解决了第二个问题，因为ocLazyLoad可以重新加载文件。 将缓存属性设置为false。

如何在版本更改时重新加载资源（HTML / CSS / JS）