前端高频面试题

1. 清除浮动有哪些方式(最少三种)

2. 未知宽高的水平垂直布局方法有哪些(最少三种)

3. 在弹性盒模型中, justify-content 的含义是什么, 有哪些可取的参数值

4. 请说明以下几种选择器的含义

:root
div + p
div[attr = value]
div > p
div ~ p
div:nth-of-type(n)
div:nth-child(n)

5. 如何在js中拿到媒体查询的结果

6. 在jQuery 中， $ 、 $.fn 、 JQuery 之间的联系和区别

7. 使用最简练的方式实现数组去重

let arr = [1, 3 , 4, '1', 1, [2, 4]]
es5:
es6:

8. 使用冒泡 排序 法对以下数组进行排序, 以及实现的时间复杂度和空间复杂度

let arr = [1, 6, 2, 44, 4, 43]

9. 请写出以下输出结果

function Foo() {
  getName = function () { alert (1); };
  return this;
}
Foo.getName = function () { alert (2);};
Foo.prototype.getName = function () { alert (3);};
var getName = function () { alert (4);};
function getName() { alert (5);}

//请写出以下输出结果
  Foo.getName();
  getName();
  Foo().getName();
  getName();
  new Foo.getName();
  new Foo().getName();
  new new Foo().getName();

10. 函数节流 throttle 和函数去抖 debounce 的区别和应用场景, 以及在你的项目中所做的性能优化

11. 请写出以下这段SCSS代码经过编译后得到的结果

$color_list_warm: #ffc000, #f19725;
@for $item from 1 through length($color_list_warm) {
  .item_base_#{$item} {
    background: nth($color_list_warm, $item);
  }
}

12. 在 webpack 中, assetsPublicPath 的含义是什么

13. 请简答 git 中 merge 和 rebase 的区别

<!-- 如果没有使用过vue, 可根据你使用过的框架来回答 -->

14. vue 是如何实现数据驱动的

15. 如何理解 Virtual DOM , vue为什么不需要 shouldcomponentupdate 钩子函数

16. vue 中父组件的父组件 和 子组件 建立通信有哪些主流的解决方案