Grid & Flex

Posted 2020-12-24 zhenjianyu

前言

在看阮一峰老师的Grid网格布局教程的时候，突然想起一件事，在上家公司（久其）工作的时候做NP平台首页部分，leader实现了一个根据解析不同角色元数据配置从而加载不同首页模块信息的功能，当时我看代码的实现是用table标签实现的，用colspan、rowspan控制单元格的布局，而元数据的配置的字段也有很重的table属性的味道。其中也是配置了一些colspan、rowspan的字段数据。我在想，这块功能的实现应该可以使用Grid网格布局实现，一来可以减少一些解析元数据的逻辑处理的代码；二是可以优化调整一下首页元数据信息的配置的一些东西；这也只能是我的想法了，我已经从久其离职了，没办法验证下这样是否可行，然后给前同事（坤老师）发微信说了下，看看是否可行，以后能不能给优化一下。

总之：对于Grid和Flex也没啥总结，还是直接看阮一峰老师的Grid/Flex布局教程比较好，讲解的也很好。

教程链接

Flex布局教程：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

Grid网格布局教程 ：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html