【问题标题】:Is it good to include all js file and css file in the main page as AngularJS way?将所有 js 文件和 css 文件以 AngularJS 方式包含在主页中是否很好?
【发布时间】:2025-12-18 23:35:01
【问题描述】:

我使用 AngularJS 工作了几个月,但我仍然感到困惑:以 AngularJS 的方式在主页中包含所有 JavaScript 和 CSS 文件是否很好?

在我看来,在使用许多 CSS 和 JS 插件时可能会引起很多冲突。此外,Web 浏览器加载了太多可能无法在特定页面上使用的文件。这种方式会导致一些性能问题吗?

【问题讨论】:

    标签: javascript angularjs performance single-page-application angularjs-1.6


    【解决方案1】:

    这种方式会导致一些性能问题吗?

    AngularJS 的信条是基于single-page application:

    单页应用程序 (SPA) 是适合单个网页的 Web 应用程序或网站,其目标是提供类似于桌面应用程序的用户体验。在 SPA 中,所有必要的代码(HTML、JavaScript 和 CSS)都可以通过单个页面加载来检索。

    当然,它在应用程序启动时可能会花费更多的性能,但之后会更加流畅/用户友好。

    在我看来,当我使用许多 css、js 时可能会引起很多冲突 插件文件...

    它不应该产生冲突。但是在命名 CSS 类、JS 文件时必须小心。不覆盖 CSS 类的一种方便方法是在类上设置前缀:视图 1 的 CSS 类可能有前缀 v1-*,整个应用程序中使用的类不需要前缀。通过这种方式,您将知道哪个 CSS 代表(全局或特定于视图)。还要考虑将您的 CSS / JS 分开在不同的文件中。 Divide and conquer

    我建议你使用标准(here 是一个非常适合 AngularJS 指南的博客)。

    【讨论】:

    • 它很有用,对我来说有些新东西。谢谢米斯塔利斯。