公司产品有个埋点需求，当用户在点击日志记录时，上报日志列表中最新记录和当前记录的信息，由于组件间距离比较远，没办法直接拿到多层之外组件中的数据，因此用了hack的办法解决，记录在此，以飨读者。

写组件的能力是衡量前端工程师水平的重要指标，不管是基础组件还是业务组件。笔者在空闲时间也喜欢写组件，为了帮助初学者上手写React组件，同时为了分享我在写组件中的经验和想法，决定开设一个系列，即：动手撸组件系列，和大家分享一些公共组件和业务组件的实现方式和实现技巧。

在前端页面开发中，HTML元素水平垂直居中是需要经常处理的问题，今天我们就来系统的学习一下如何在HTML实现水平垂直居中，通过对主流水平垂直居中实现方式的实践，来找到适合特定情况下的布局实现方式，并逐步达到灵活运用的水平。

HTML语义化就是用合理、正确的标签来展示内容。比如我们在指定一些标签的时候，如div、span，我们并不知道其定义的内容类型，但当我们用h1-h5标签，我们知道这是定义的一级标题，table我们知道定义的是表格，img我们知道定义的是图片。