在使用 React 绑定 input 输入框的 onChange 方法时，如果使用中文输入法（或者其他输入法），会出现一个问题：还在输入拼音的时候，onChange 方法已经触发了，如下，即输入过程就已经触发了多次 onChange 方法。如果 onChange 方法有较为复杂的逻辑，就可能会带来一些用户体验或者逻辑的问题。
本文以此问题开始，逐步探索解决方案。
CSS水平垂直居中回顾总结
用了一段时间的 material-ui，都很少自己动手写原生的样式了。但 html, css, js 始终是前端的三大基础，这周突然想到 CSS 水平居中方案，因为用多了 flex 和 margin: auto等这类方案解决，在回顾还有还有几种方案可以解决，于是打算温故知新，重新打下代码，写下该文作为笔记。
封装 axios 拦截器实现用户无感刷新 access_token
最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。
手把手带你入门Gatsby
最近在学习 Gatsby，它主要有 SEO 好，而且首页渲染快等优点，在国外很流行的一个框架，这篇长文带你入个门。Gatsby 是一个静态站点生成器，Gatsby 主要的应用的技术是 React 和 GraphQL…
完全搞懂 BFC
BFC 是 CSS 中一个比较重要的概念，也是面试经常考查的点…
一文汇总 CSS 两列布局和三列布局
随着大前端的发展，UI 框架层出不穷，让我们前端开发对 CSS 的能力要求变得没那么高或者没那么严苛，起码重要性是比不上 JS 编程的。但是，基础的 CSS 依然需要我们熟练掌握，今天就来总结写下 CSS 布局的方式。
CSS伪元素实现中间文字，两边横线的效果
今天做项目的时候，要实现效果：中间是文字，两边是横线围着，其中有间距。了解了几种做法。伪元素这个刚开始没想到，回来又自己敲了一遍，以做记录…
使用 Formik +Yup 处理 React 表单验证
React 操作表单一直都是比较繁琐的操作，在以前用的是 redux-form， 但现在 formik 这个库设计得更加优雅，Github 的 star 数目已经远远超过 redux-form 了。做表单就是为了收集一些数据，然后进行提交。而 redux-form 理念是把这些数据存放到 reducer 中去，当我们表单多的时候，显然对整个 store 的数据管理不太友好，因为多了很多表单数据。而 formik 解决的其中一个痛点就是这个，它可以在组件内部处理这些表单项而简单易用。
Formik 旨在轻松管理具有复杂验证的表单, Formik 支持同步和异步表单级和字段级验证。
【React 原理（一）】实现 createElement 和 render 方法
在 React 中，我们都知道可以写 jsx 代码会被编译成真正的 DOM 插入到要显示的页面上。这具体是怎么实现的，今天我们就自己动手做一下。
理解 redux-thunk 源码
前面几篇我们就 Redux 展开了几篇文章，这次我们来实现 react-thunk，就不是叫实现 redux-thunk 了，直接上源码，因为源码就 11 行。如果对 Redux 中间件还不理解的，可以看我写的 Redux 文章。