前端高頻面試題
1. 清除浮動(dòng)有哪些方式(最少三種)
2. 未知寬高的水平垂直布局方法有哪些(最少三種)
3. 在彈性盒模型中, justify-content 的含義是什么, 有哪些可取的參數(shù)值
4. 請(qǐng)說(shuō)明以下幾種選擇器的含義
:root div + p div[attr = value] div > p div ~ p div:nth-of-type(n) div:nth-child(n)
5. 如何在js中拿到媒體查詢的結(jié)果
6. 在jQuery 中, $ 、 $.fn 、 JQuery 之間的聯(lián)系和區(qū)別
7. 使用最簡(jiǎn)練的方式實(shí)現(xiàn)數(shù)組去重
let arr = [1, 3 , 4, '1', 1, [2, 4]] es5: es6:
8. 使用冒泡排序法對(duì)以下數(shù)組進(jìn)行排序, 以及實(shí)現(xiàn)的時(shí)間復(fù)雜度和空間復(fù)雜度
let arr = [1, 6, 2, 44, 4, 43]
9. 請(qǐng)寫出以下輸出結(jié)果
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);}
//請(qǐng)寫出以下輸出結(jié)果
Foo.getName();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();
10. 函數(shù)節(jié)流 throttle 和函數(shù)去抖 debounce 的區(qū)別和應(yīng)用場(chǎng)景, 以及在你的項(xiàng)目中所做的性能優(yōu)化
11. 請(qǐng)寫出以下這段SCSS代碼經(jīng)過(guò)編譯后得到的結(jié)果
$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. 請(qǐng)簡(jiǎn)答 git 中 merge 和 rebase 的區(qū)別
<!-- 如果沒有使用過(guò)vue, 可根據(jù)你使用過(guò)的框架來(lái)回答 -->
14. vue 是如何實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的
15. 如何理解 Virtual DOM , vue為什么不需要 shouldcomponentupdate 鉤子函數(shù)
16. vue 中父組件的父組件 和 子組件 建立通信有哪些主流的解決方案
總結(jié)
以上所述是小編給大家介紹的前端高頻面試題,希望對(duì)大家有所幫助!
相關(guān)文章
- 這篇文章主要介紹了Web前端面試筆試題總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-02-18
- 這篇文章主要介紹了80道前端面試經(jīng)典選擇題匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2020-01-08
- 這篇文章主要介紹了面試官常問的web前端問題大全,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-03
- 這篇文章主要介紹了前端十幾道含答案的大廠面試題總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-01-02
- 這篇文章主要介紹了超實(shí)用前端面試題整理(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-12-19
- 這篇文章主要介紹了2020最新Web前端經(jīng)典面試試題,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-19
這篇文章主要介紹了解析前端面試題2019年小米工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-27- 這篇文章主要介紹了2019年京東前端工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-26
- 這篇文章主要介紹了2019年滴滴出行前端工程師面試題(附答案),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)2019-11-25
- 這篇文章主要介紹了2019年百度前端工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-22


