前端高频面试题

1、清除浮动的方法

①、给浮动元素的父级盒子设置一个固定的高度

        优缺点：不够灵活，适用于高度固定的布局中

②、为浮动元素的父级盒子设置浮动

        优缺点：会产生新的浮动问题

③、为浮动元素的父盒子添加overflow属性；overflow的属性值可以是hidden、scroll、auto

        优缺点：可能会隐藏内容或触发不需要的滚动条；代码简洁

④、为浮动元素之后，与浮动元素成并列关系的位置，加一个空的div标签（div本身不浮动，没有尺寸）在空的div标签上添加属性：clear：both

        优缺点：代码冗余，通俗易懂，书写方便

          clear: left; 清除左侧浮动带来的影响
          clear: right;清除右侧浮动带来的影响
          clear: both;清除两侧浮动带来的影响

⑤、推荐方式：给浮动元素的父级盒加类名.clearfix，并在.clearfix中添加样式：
          .clearfix{
               *zoom:1;
          }
  处理IE6，IE7兼容 
          .clearfix::after{
               content:'';
               display:block;
               clear:both;
          }

2、$nextTick 怎么用

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

例如：在created生命周期中想要操作dom就可以使用

this.$nextTick(()=>{ ... })可以在mounted之前的生命周期中操作dom