Angularjs应用程序架构适用于大型应用程序以提高性能

Question

我正在使用前端的angularjs处理非常大的应用程序。在我的项目中有各种模块，每个模块都是项目本身，就像学校管理是我的应用程序中的一个模块。

我在应用程序最初加载时发现的内容，DOM大小几乎是25 MB。我只在项目中间。在使用项目一段时间之后，我的浏览器挂断了，那时DOM的大小几乎达到120 MB以上。

请建议一些配置项目的方法，我如何组织指令，控制器和服务。我如何绑定他们。我知道我的应用程序的架构设计，控制器绑定等方面存在一些错误

Answer 1

pageLoad需要25MB吗？不太可能！

您应该将RequireJS用于大型JS应用程序。这也将帮助您以结构化方式管理模块，并且浏览器内存管理变得高效。

拆分子模块中的所有大模块，并与其他模块隔离。

例如

根APP

• 模块Common = app.module('mCommon')
  • 服务
  • 指令
  • 过滤器
  • 模板
• 模块A = app.module('mA', ['mCommon'])
  • 仅在模块A中使用的服务
  • 仅在模块A中使用的指令
  • 仅在模块A 中使用的控制器/过滤器（使用RequireJS加载此模块，加载常用并仅加载所需的控制器和服务 - 不要调用所有文件。）
  • 仅在模块A中使用的模板
• 模块B = app.module('mB', ['mCommon'])
  • 关注模块A
• 模块C
• CSS
• 图片

希望这有帮助！