CSS 中的伪类（:hover，:active等使用单冒号的形式）和伪元素（::before，::after等使用双冒号的形式）非常常见，大多数情况下也就随意使用一下，基础用法也都差不多，并不曾深入了解。
伪元素使用双冒号
::，是 CSS3 中的内容，用于区分伪类和伪元素。但是，由于在旧版本的W3C规范并未对此进行特别区分，因此目前绝大多数的浏览器都支持使用这两种方式表示伪元素。
看到过各种伪元素的 content 属性的一些神奇用法，看到了，有需要，那就照搬一下，真正让我再用的时候，因为压根没搞明白，所以手撸不出来，只能再去找别人写的 copy 。
为了让这种痛苦的事情不再发生，或者说，需要使用的时候，更方便地去查询（好记性不如烂笔头，当然，如果能深入理解，记住了就不用去查了…），这里对 content 属性做一个全面的总结。
storybook 是在开发模式下与你的应用程序一起运行的。它可以帮助你构建 UI 组件，并与应用程序的业务逻辑和上下文隔离开来。
该工具使用户能够独立创建组件，并在隔离的开发环境中以交互方式展示组件。它在主应用程序之外运行，因此用户可以独立开发 UI 组件，而无需担心应用程序特定的依赖关系和要求。
那么如何在 react 项目中添加 storybook 呢？
下面我们一步一步来搭建项目环境。
既然遇到这个问题，Create React App 是什么，怎么用，我就不做描述了，这里主要记录一下在使用改命令创建项目时遇到的问题。
看了很多关于 JavaScript 基本数据类型和引用数据类型的说明，真的是众说纷纭，有的其中还存在一些错误的描述，感觉不容易理清楚，因此想对其做一个总结。
JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。
在进行页面布局时，经常会遇到需要对元素进行垂直居中显示的情况，相比于水平居中，垂直居中的实现稍微复杂一点。很多时候只是在开发时查一下解决方案，解燃眉之急，但是要让你真正地手动实现，又可能会有点难度或是无从下手，比较实现的方法有很多。
本文就用代码和图示，对 CSS 实现元素居中的方法进行一个总结，分别对块级元素和行内元素单独进行详细说明。