前端面试题

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;

     }

    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值