需求：我们现在有一个获取验证码的按钮，需要在点击后禁用，并且在按钮上显示倒计时60秒才可以进行第二次点击。
本篇文章通过对这个需求的八种实现方式来讨论在 react 中的逻辑复用的进化过程

代码例子放在了 codesandbox 上。

在之前我们分享过一次 一个使用 react 的思想去使用 vue 的方式。
随着组内很多时候为了让 view 层更加清晰，和一些复杂的逻辑处理，导致现在 vue 代码中 jsx 的代码越来越多，这里进行一个整理说明

这个篇文章产生时间应该是在一年前的。。由于最近组里进了很多新小伙伴，写下这篇文章算是补一个介绍吧。

在17年的 D2 百度的小姐姐分享的话题 《打造前端复杂应用》时有提到利用服务端产生图片来导出 脑图和 h5 图片的问题，正好那段时间也正在做这个方向的探索 于是有 《一次canvas中文字转化成图片后清晰度丢失的探索 》这篇文章的产生。里面提到了 在之前 我使用了 phantomjs 来解决服务端页面渲染的问题。当然后面我们改成了 puppeteer。由于其实都是虚拟浏览器，两者都遇到了浏览器复用的问题。

其实在项目中用中文字体子集化已经很久了，在刚接受到项目时真的让用户去下载全量字体的方式也早已被废除。如今终于有时间将它整理成文。算是对这件事情的一个基本了结吧。

为什么要截取字体？

众所周知，相对于英文字体，中文字体就是一个“庞然大物”。英文字体 200～300KB 已经很大了，而中文字体 动戈 10~30MB。
这主要是两个方面的原因：

1. 中文字体包含的字形数量极多 英文字体则只需包含几十个基本字符和符号。有些中文字体还要包括韩语和日语的字形。
2. 中文字形的曲折变化复杂度高，用于控制中文字形曲线的控制点普遍比英文更多，由于数据量不一样，字体大小也自然就有这样的膨胀了

08年2月3日阴
胡老师走了，我想世界上再没有这样的老师了。好人有好报吗？骗人的！

2月4日晴
村子来了个人，好像是胡老师的男朋友，不喜欢他，因为他一年里一次都没有来看过胡老师，胡老师明显是很想他的，胡老师，那是叫思念吗？

2月7日晴
胡老师的爸妈，还有那个人，都在村里过年了，听人说那个人昨天晚上喝了很多酒，在操场上吐，吐出血了，真的吗？他是在伤心吗？如果是的，我就不那么讨厌他了。

2月13日大雨
那个人又去山上了，这么大雨，他不怕吗？

有一个 react 开发者 问我 vue 如何上手开发？然后我是这么和他描述的。。
用 react 的思想 去考虑 vue 要怎么写。
本文很水。而且将来感觉一定会被打脸，期待那一天到来。