页面刷新时，css跳动问题

前言

今天在做jsp重构的时候，有个js方法(就叫它A方法吧)里有个重新加载页面的语句，在重构之前，执行A方法的该条语句时，没有什么问题，但是今天我重构一部分内容后，再次执行A方法，整个页面的css布局都乱跳了，用户体验效果很不好。

解决方法

通过在百度，谷歌上搜索答案，得到了一个答案：说是由于在jsp页面写了css样式和js语句的原因，我尝试了一下，将自己写的css放到一个css文件中，用<link>引进来；将自己写的js也放到一个js文件中，用<script>引进来。
代码示例：

引进js文件：
<script src="/resources/script/project_list.js"></script>
引进css文件：
<link rel="stylesheet" href="/resources/css/project_list.css">

结果还真的解决了！！！

结论：

至于为什么会这样，我只能猜：可能是因为写在页面上的样式表会在页面的HTML元素出现之后才加载，而引进来的话会先加载。没怎么学过前端，前端基础知识有所缺乏，有知道原理的博友还请不吝赐教，感谢！