【发布时间】：2017-08-05 22:40:40
【问题描述】：
我现在正在学习 Angular2。在 AngularJS 中，我习惯于使用网格布局进行引导。现在我正在尝试使用 flex-layout 获得合适的布局。
但是这里开始我的问题。
设置：
我收藏了 500 件商品。
我想在平板电脑和桌面设备上以表格形式显示它们，但在智能手机上以列样式显示它们。
出于这个原因，我使用fxLayout="row" 和fxLayout.xs="column"。
但是当窗口大小调整为移动显示时，网格的初始加载似乎需要更长的时间。 在更大的屏幕尺寸（sm 和更大）上，它只需要大约 2-3 秒。在移动屏幕尺寸上大约需要 7 秒。
如果有人对我如何解决这些性能问题有一些好的建议，那就太好了。
我创建了一个 plunkr，您可以在其中看到问题。如果屏幕尺寸发生变化，div 将按列显示，并且您更改代码中的某些内容以强制重新加载，则页面重新加载将比更大的屏幕尺寸（div 以行显示）花费更长的时间。
【问题讨论】：