JavaScript：保存用户自定义的样式重新载入会闪烁的解决方法

在制作一个页面的时候，有需要前台js保存用户自定义的样式的需求，但是保存之后，重新刷新页面，会显示原来的样式，然后再变更为现在的自定义的样式。

这是一个有闪烁的例子，点击打开

保存样式之后，再重新强制刷新几次，可以看到页面在载入的时候会出现闪烁的情况。强迫症患者表示这不能接受，页面这么小的情况都闪烁的这么厉害，这页面大了，加载速度慢了，自定义样式还得等着加载完成之后才能显示，就失去了自定义的意义了。

上面的闪烁是可以理解的，css渲染完成之后，js给body增加了一个class，浏览器又会重新渲染，因此会出现短暂的闪烁

那么在渲染到head的时候，此时再用js给head标签里面增加css呢？这样不就在body出现之前就完成了css的渲染吗？果然，这样的方法是可行的

这是一个没有闪烁的例子，点击打开

至此，问题解决。