版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/GY_Grace/article/details/72863672
1.隐藏元素的两种方式区别
display:none 该元素不仅会被隐藏，而且不在网页布局中占据任何空间
visibility:hidden 该元素虽然会被隐藏，但是仍然占据在网页中的位置和空间
2.js文件放置在不同的位置有什么不同的效果
放在<head>中的js通常是基础性的，全局的样式或者效果，不涉及某个具体的DOM对象，因为此时如果想在HTML中通过getElementBtId找到一个DOM对象，它很有可能尚未被加载出来。因此<head>标签中通常是引入jquery.js,echarts.js之类的js文件。
放在<body>中或者后面的js通常是具有针对性的，需要访问dom属性的。HTML文件在自上而下的执行过程中，一旦遇到<script>标签，就会中断线程，直到该script执行完毕才会继续线程。因此如果在<head>标签中放入太多的<script>，dom文件的生成很可能会因为长时间执行script而造成阻塞，将不必要放在头部的script放在body里面可以提高加载速度。