把JS和CSS脚本写在html里和写在独立文件里有什么区别？

Question

公司以前的代码，很多 JS 脚本都是以<script type="text/javascript">...</script>和 <style>...</style>方式写在html里的。感觉好乱，想都独立成js和css文件，以后复用会比较方便

写在html文件里有什么优点吗？
独立出来会有什么问题吗？尤其是载入页面的时候，应该会多发很多http请求吧，会不会造成加载变慢？

Answer 1

这个问题你自己都回答了，让别人怎么玩？

1. 都写在html里是性能最优的方案。

2. 都写在html里是可维护性最差的方案。

3. 分开写在js、css、html是可维护性最有的方案。

4. 分开写在js、css、html是性能最差的方案。

5. 折中一下，不可复用的js和css直接写在html中。

6. 再优化下，把js都打包在一个文件里，css也打包在一个文件，减少http请求。

7. 以上都过渡完了，那个时候会有一群人叫你大神。

Answer 2

个人想到了三点:

• 你提到的开发团队维护，不同的人可以负责不同的js，避免冲突；

• 文件处理，分开写我们就可以压缩，gulp bable预处理啦

• 网络优化，有利于内容分发和缓存，降低页面请求时长。