webpack打包时，通常会将css和js文件打包到一起，此时我们会使用插件分离并打包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，也是遇到了一些小问题。

最近发现了requestIdleCallback函数，也听说React源码中也适用了requestIdleCallback函数，夜来看看他在此中的作用。

库或框架用多了，如果只是熟记一些API或一些坑的话，也就太没意思了，不如来了解下API背后的原理。首先来看下JSX转义成了什么以及他做了啥。

在控制台中使用Blob实例时，偶然发现有个arrayBuffer的方法，联想到以前利用FileReader将blob转arrayBuffer的方式，来看看这个方法到底是做啥的。

在React中，jsx的循环是很常见的，但加入在循环中不加入唯一的key值，则会有以下的警告：Warning: Each child in a list should have a unique "key" prop。那不加key和加key，对于React又有什么区别呢？而且，我们经常也被告知不推荐用与数据无直接关联的index(序号)来做key值。