1,window.onload和document.ready的区别
I,window.onload是页面所有资源加载完毕后触发事件
document.ready是dom元素加载完成后触发的事件
II,window.onload只能调用一次
document.ready可多次调用
III,document.ready是jquery封装好的,兼容性比较好。
2,node.js是用来干嘛的?
node.js是让javascript可以运行在服务端的开发平台。
3,http1.0和http1.1,http2.0的区别
http1.0和http1.1的区别:
支持长链接:http1.0需要设置keep-alive设置长连接,而Http1.1默认长链接
节约宽带:http1.1支持只发送header信息,如果服务器返回100则发送body信息,如果发挥401则不发送。
Host域: http1.1才支持设置Host域
http1.1和http2.0的区别:
多路复用: http2.0使用多路复用技术,做到同一个链接并发处理多个请求。
数据压缩: http2.0对于header数据进行了压缩,数据体积小了,传输更快。
服务器推送 : 我们对支持http2.0的服务器请求数据的时候,服务器会顺便送一些客户端。
4,浮动对页面的影响,如何清除浮动
例如共有div1,div2,float left 和float right添加在我们的div2上,会使div2脱离我们的标准流,而div1还在标准流中,div1可能会覆盖在div2上面,此时需要使用清除浮动的方法来达到我们的页面需求。
使用隔墙法处理:
.clearfix{
clear:both
}
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="clearfix"></div>
<div class="box3"></div>
</body>
使用伪类元素:
.clearfix:after{
content:"";
display:table;
height:0;
visibility:both;
clear:both;
}
.clearfix{
*zoom:1;
}
<body class="box clearfix">
<div class="box1"></div>
<div class="box2"></div>
</body>
当我们是div1,div2脱离标准流,排在同一行时,背景色消失,也就是我们常说的高度坍塌,此时我们需要清楚浮动对我们造成的影响。
使用overflow属性处理:
设置为auto或者hidden
.box{
overflow:auto;
}