使用Angular Flex-Layout是一种好习惯吗?

时间:2018-10-01 10:26:11

标签: angular flexbox angular6 angular-flex-layout

我想知道使用Angular Flex-Layout模块是否真的是一个好习惯。因为样式是由JavaScript进行的,难道不仅仅是糖衣嵌线样式具有额外的性能成本? 所以,如果可以的话,请向我解释为什么我应该在基本的弹性包装盒上使用它?

2 个答案:

答案 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的解决方案。