【发布时间】：2019-03-06 10:42:56
【问题描述】：
我想知道使用 Angular Flex-Layout 模块是否真的是一个好习惯。因为它是 JavaScript 来做样式的，所以它不只是带有额外性能成本的糖衣内联样式吗？ 所以如果可以的话，请向我解释为什么我应该在基本的弹性盒子上使用它？
【问题讨论】：
标签： angular flexbox angular6 angular-flex-layout
【发布时间】：2019-03-06 10:42:56
【问题描述】：
注意：答案可能因用户意见而异
如果你的 CSS 中已经是 flexbox。 我现在不推荐试用 angular flex box 包。
如果您是新构建的应用程序，您可以尝试那个时间。
但是，该软件包仍处于测试版。如果我正在构建一个 PROD 应用程序，我不会在我的项目中使用 beta 包。您所要做的就是等待主要版本在 PROD 版本的应用程序中使用。
我只是在 github 存储库中突出显示评论 (https://github.com/angular/flex-layout/issues/674#issuecomment-374866400)
该项目的永久测试阶段的原因是因为 该项目的许多功能尚未最终确定。作为 您可能已经注意到，在过去的几周里，我们推出了 吨 测试版之间的重大变化。更不用说我们的变化了 在管道中（切换到 CDK 布局引擎之一），大部分 这将不得不等到 Ivy 渲染器完成 已完成（将远远超过 v6）。
虽然许多核心指令的功能保持稳定， 我们仍在调整它们并试图改进它们。然后那里 是使用基于指令的布局库对性能的影响 我们希望在 Ivy 渲染器出现时解决这个问题。
我们了解使用仍处于 测试版，但它使我们能够灵活地改进项目 现在我们的速度更快，而我们正在研究什么是“稳定”版本的 图书馆看起来像。我们希望对此有更多更新 在接下来的几个月里，Ivy 完成了，我们可以确定一个设计。
如果您是初学者并想在任何小型项目中试用此包，只需尝试并注意测试版本之间的重大更改。
【讨论】：
我知道答案来晚了，但我自己在偶然发现包裹后就有了这个问题。我通常只使用 CSS flexbox，因为它非常简单，而且我发现它没有很多样板来快速获得结果。对我来说，这个库看起来就像你所说的那样糖衣样式，我不知道性能损失，但是我找到了一个带有一些示例的链接，这些示例基本上显示了相当大的 CSS 代码减少，有利于添加指令： https://indepth.dev/angular-flex-layout-flexbox-and-grid-layout-for-angular-component
我还研究了带有帮助类的 CSS 库解决方案，这些解决方案还可以减少自定义 CSS 的使用，考虑到响应性等等，例如 https://tailwindcss.com/。如果使用基于指令的样式确实存在任何性能缺陷，我会选择仅基于 CSS 的解决方案。
【讨论】：
-
我现在很容易顺风顺水。