前端高頻面試題

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 中父組件的父組件 和 子組件 創建通訊有哪些主流的解決方案