前端高频面试题

2019-05-20 14:57:36 脚本之家

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 的区别

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

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

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

总结

以上所述是小编给大家介绍的前端高频面试题，希望对大家有所帮助！