AngularJS单页应用体系结构

Question

因此，我已经开始使用AngularJS开发一个单一页面的web应用程序。为了让您了解这个应用程序的大小，它将有大约20-30个API和100个端点。使用这种方法的最大优点是，完整的应用程序在一开始就被下载，然后调用后端，在不同的屏幕上填充数据(类似于移动应用程序)。虽然总体的经验是非常好的，但我开始怀疑，这是否是一个这样规模的网站的正确方法。我的主要关切是：

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

如果有SPA经验的人能对上述各点给予反馈，我将不胜感激。提前感谢！

Answer 1

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

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

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

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