我想知道使用Angular Flex-Layout模块是否真的是一个好习惯。因为样式是由JavaScript进行的,难道不仅仅是糖衣嵌线样式具有额外的性能成本? 所以,如果可以的话,请向我解释为什么我应该在基本的弹性包装盒上使用它?
答案 0 :(得分:3)
警告:答案可能会根据用户的意见而有所不同
如果您已经在CSS中使用了flexbox。 到目前为止,我将不推荐试用角形柔性盒包装。
如果您是刚构建一些应用程序,则可以尝试一下。
但是,该软件包仍处于 beta 。如果我要构建PROD应用程序,则不会在项目中使用beta软件包。您要做的就是等待主要版本在应用程序的PROD版本中使用。
我只是在github存储库中突出显示一条评论 (https://github.com/angular/flex-layout/issues/674#issuecomment-374866400)
该项目处于永久测试阶段的原因是 该项目的许多功能尚未完成。如 您可能在过去几周中注意到了,我们引入了吨 个 测试版之间的重大更改。更不用说我们的变化 在管道中(切换到CDK布局引擎之一),大多数 这将不得不等到常春藤渲染器已经 完成(这将远远超过v6)。
虽然许多核心指令的功能保持稳定, 我们仍在对其进行调整,并尝试改进它们。然后那里 是使用基于指令的布局库带来的性能提升 我们希望在Ivy渲染器问世时解决。
我们了解仍在使用项目的挫折感 测试版,但它使我们能够灵活地改进项目 现在我们可以更快地步伐,而我们可以算出“稳定”版本 库看起来像。我们希望在这方面有更多更新 在Ivy完成后的接下来的几个月中,我们可以确定一个设计。
如果您是初学者,并且想在任何小型项目中试用此软件包,请尝试并注意Beta版本之间的重大更改。
答案 1 :(得分:0)
我知道答案来晚了,但是在绊倒包裹后,我自己一直有这个问题。我通常只使用CSS flexbox,因为它非常简单,我发现它没有很多样板可快速获得结果。对我来说,该库看上去就像涂上糖衣一样,我对性能的损失一无所知,但是我找到了一些示例的链接,这些示例基本上显示了相当大的CSS代码减少,而倾向于添加指令: https://indepth.dev/angular-flex-layout-flexbox-and-grid-layout-for-angular-component
我还研究了带有帮助程序类的CSS库解决方案,这些类也减少了自定义CSS的使用,并考虑了响应性等特性,例如https://tailwindcss.com/。如果使用基于指令的样式确实存在性能缺陷,那么我会选择仅基于CSS的解决方案。