antd源码解析

首先说一下我对antd的认识：
  antd是一个对于样式和简单功能的封装，值得关注的来个两点：1）定义的样式规则可接受性比较广泛，2）采用融合了react，每一个都封装为一个组件，组件配置化大大提升
  本文通过简单例子说明对于组件样式和功能的简单封装。
1、图标
  通常为了提高页面可读性和用户的良好交互，通常会给按钮或者其他地方加入icon，那么通常操作是什么呢？
  通过伪类实现而antd中恰是这么实现的
简单例子

html：
<button class="test" onclick="alert('ok')"></button>
css:
.test::after{
    content:url(/i/bg_flower.gif);
}

2、上传功能
  通常前端会处理上传的图片、文件、视频等，html5支持了FileReader，而antd中upload确实使用了FileReader，本文就说一下FileReader的使用方法：