在React中，我们推荐一些与UI无关的数据不要存到state上，全局的变量就是个不错的地方。当然这么处理的话，是否会引起一些不必要的问题呢？

在获取数据并渲染table时，chrome浏览器出现了崩溃(必现)，提示render process gone，于是便研究了下很少遇到的前端页面崩溃。

在antd中，一般用到Select、Popover等组件时，getPopupContainer属性都会用到，他是用来表示浮层渲染的位置。

在修复项目issue时，在手机端的safari下发现了个录音暂停后，再次录音无效的问题。

webpack打包时，通常会将css和js文件打包到一起，此时我们会使用mini-css-extract-plugin插件分离并打包css到单独文件。

.editorconfig文件可以使开发者在不同的编辑器或IDE中保持一致的编码格式，比如最简单的一个tab表示几个空格，通过编辑.editorconfig文件可以保存代码风格。 比如公司项目内规定2个空格，而我自己的业余代码则是4个空格，我只需要在不同的项目中保存不一致的.editorconfig，就可以避免每次切换项目再更改编辑器的配置。

在将js文件改ts过程中，在import上遇到了点问题。

由于roadhog依旧使用webpack3(速度慢，打包文件大)且没人维护，所以就想折腾去掉roadhog，直接使用webpack4进行打包。不过在dev模式下，热更新遇到了些问题。

用了Gatsby也有一段时间了，静态化博客速度也是让我很是满意。这几天在检查seo属性配置时，发现了几个奇怪的标签属性，见是见过，但没这么用过，link标签配了rel="preload"和rel="prefetch"，我们常用的link不是用来加载css的么？rel属性不也是stylesheet么？

flex布局一直是在自己的demo中用的比较多，在项目中或较复杂的情况下基本不太会选择flex。不过在项目中尝试了下flex，也是遇到了一些小问题。