2020前端面試題目回顧

更新時(shí)間:2020.3.18

第一家
電話一面:
1、flutter 與 Vue 的個(gè)人理解?(因?yàn)樽髡邔懥薴lutter的項(xiàng)目在簡歷上)
2、Dart 強(qiáng)類型與 Js 弱類型語言的比較?你怎么看待 Typescript
3、Vue 的響應(yīng)式原理?
4、你怎么解決“回掉地獄”的問題?你對(duì)Proxy,和Promise的理解,在哪里用到過
5、ES6 箭頭函數(shù)的作用
6、如何讓繪制一個(gè)小于1px 的直線

現(xiàn)場二面:
1、現(xiàn)場做了3道 JS 的this題目,我有點(diǎn)想不起來了(當(dāng)時(shí)太緊張,三題錯(cuò)兩題,我??)
2、機(jī)試:左右寬度固定,中間自適應(yīng)的布局
3、機(jī)試:數(shù)組去重(ES6的語法)
4、在一個(gè)Vue 項(xiàng)目,如何動(dòng)態(tài)設(shè)置不同用戶的使用權(quán)限,以及如何配置一個(gè)或多個(gè)組件某個(gè)頻繁使用的按鈕的動(dòng)態(tài)權(quán)限
5、你對(duì)TypeScript的理解?(因?yàn)橐幻嬷螅胰ゴ蟾趴戳艘幌聇ypescript的語法)
6、說一個(gè)你在項(xiàng)目中遇到的難點(diǎn)以及后面是如何解決的?
7、介紹一個(gè)實(shí)際項(xiàng)目中自己封裝的VUE組件
8、web前端與Android、IOS 混合開發(fā)的實(shí)現(xiàn)原理?
9、響應(yīng)式在移動(dòng)端和PC端開發(fā)的區(qū)別?
10、開發(fā)單頁面活動(dòng)頁,用Vue如何去從 0 構(gòu)建整個(gè)項(xiàng)目?你會(huì)從哪些方面去考慮?
11、Vue異步加載路由的實(shí)現(xiàn)?
12、瀑布流展示圖片移動(dòng)端掉幀嚴(yán)重、卡頓怎么優(yōu)化處理?
13、跨域怎么處理?
14、你對(duì)Vue 是借鑒了MVVM的的設(shè)計(jì)理念是怎么理解的?你是如何去理解MVVM與MVP、MVC的?
15、你對(duì)我們公司還有什么想了解的?

面試官推薦書籍:《You Don't Konw JS》
我后面問了面試官對(duì)我的這次面試評(píng)價(jià):(夸獎(jiǎng)的部分跳過??),但是JS的題做錯(cuò)了兩個(gè)超出我的意料,我以為你應(yīng)該完全沒問題的。

整體面試感覺:發(fā)現(xiàn)他們公司很注重代碼的質(zhì)量,以及前端性能問題的考量。這次面試給了我一些啟發(fā):更關(guān)注原理,更關(guān)注性能,更關(guān)注規(guī)范化。可能以前一直呆在創(chuàng)業(yè)小公司沒有這么多考慮??。

中間幾家因?yàn)檫B在同一天太累,記不清楚了?;竞推渌业牟畈欢?,主要是如果你寫了后臺(tái)語言的話,可能也會(huì)被問其中的一些實(shí)現(xiàn)原理,所以簡歷上的技能要仔細(xì)斟酌。

第四家:
第一面筆試題:
三欄布局:左右兩邊固定寬度,中間自適應(yīng)并優(yōu)先加載
(一共有10題,具體的題目 主要是一些關(guān)于 this 指向的題目和CSS 布局的題目)

技術(shù)一面:
1、vue 的自定義指令,你是怎么理解的在那些環(huán)境中用到過?例如給你一個(gè)table 按照按照一定順序排序怎么實(shí)現(xiàn)?
2、你對(duì)Vue的理解?
3、你對(duì)MVVM框架的理解以及與MVC的區(qū)別?
4、如何實(shí)現(xiàn)節(jié)流?
5、描述如何封裝一個(gè)防抖函數(shù)?
6、h5 中有哪些新特性?
7、css3中有哪些新屬性?
9、你對(duì)盒模型的理解?(IE的盒模型)
10、你知道哪些設(shè)計(jì)模式?你對(duì)工廠模式是怎么理解的?
11、ES6有哪些新特性?如何用 var 去模擬實(shí)現(xiàn)let 和const?
12、如何讓對(duì)象不可變?
13、你使用webpack的優(yōu)化處理主要是從哪些方面考慮?
14、如何進(jìn)行SEO優(yōu)化?如何解決Vue 項(xiàng)目不利于SEO優(yōu)化的問題?
15、webpack 中l(wèi)oader 和plugins 的區(qū)別?
17、vue 和 react的區(qū)別?
18、頁面性能優(yōu)化怎么處理?http 緩存是怎么實(shí)現(xiàn)的?
19、localstorage 和 cookie的區(qū)別?
20、你了解 plugin的生命周期嗎?
21、vue中如何去控制單個(gè)按鈕的權(quán)限?

總結(jié):基本就是面試官拋出一個(gè)問題,然后自己回答以及擴(kuò)展

技術(shù)二面:
1、Event Loop的實(shí)現(xiàn)過程?如果在一個(gè)微任務(wù)中返回了一個(gè)微任務(wù)會(huì)怎么執(zhí)行?
2、有兩個(gè)div ,給第二個(gè)div設(shè)置為 float:left 會(huì)發(fā)生什么?為什么會(huì)這樣?
3、原始數(shù)據(jù)類型和對(duì)象數(shù)據(jù)類型有哪些?怎么進(jìn)行判斷?(你講完之后 會(huì)問instanceof判斷實(shí)現(xiàn)的原理)
4、原型和原型鏈你是怎么理解的?最終會(huì)鏈接到哪里?(之后會(huì)問Object的[[proto]]指向哪里?)
5、Vue 實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理?你對(duì)Vue 是怎么理解的?
6、webpack 的原理你了解哪些?
7、你對(duì)你以前公司產(chǎn)品的了解?
8、以前公司的項(xiàng)目埋點(diǎn)是怎么處理的?
9、flex 布局的具體實(shí)現(xiàn)有哪些?
10、你對(duì)文檔流布局的理解?
11、你的職業(yè)發(fā)展規(guī)劃?具體一點(diǎn)的實(shí)現(xiàn)有什么安排?
12 、 ....(其實(shí)還有很多,但都是在之前的點(diǎn)上拓展的來問的)

總結(jié):技術(shù)二面的時(shí)候基本都是 給你具體的場景然后自己延伸拓展,會(huì)根據(jù)某一個(gè)點(diǎn)問的比較深。需要對(duì)原理有個(gè)人理解,不然很難組織語言。然后不會(huì)的話,不要不懂裝懂,不然會(huì)被追著問。

第5家:
1、vue 中的Vuex 你是怎么理解的?它的使用和實(shí)現(xiàn)原理?
2、vue-Router 的使用和實(shí)現(xiàn)原理?如何根據(jù)路由進(jìn)行匹配的,這其中的具體過程?
3、父子組件、兄弟組件、任意組件通信的實(shí)現(xiàn)?
4、Vue 雙向數(shù)據(jù)綁定的原理?
5、Diff算法的具體實(shí)現(xiàn)和原理?為什么要使用virtual DOM?
6、Object.definedProperty()的具體參數(shù)配置
7、你對(duì) Proxy 的理解和使用
8、Event-loop 的理解?
9、有博客之類的個(gè)人網(wǎng)站嗎?

總結(jié):主要是對(duì)方拋出一個(gè)問題,自己去拓展。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容