前端高频面试题

2024年1月23日 143次阅读 来源: 亲爱的阿乾
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 中父组件的父组件 和 子组件 建立通信有哪些主流的解决方案
    原文作者：亲爱的阿乾
    原文地址: https://segmentfault.com/a/1190000019232160
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞