記錄某三年經驗前端崗面試題(20 30K)

2022-07-12 04:21:11 字數 1796 閱讀 5466

前幾天幫乙個兩年多前端學長做面試覆盤,崗位要求三年經驗,薪資20-30/月,問到的題目及追問的面試風格給我留下了深刻印象,面試時長1h左右。整理了下,面試問題及追問問題大致如下:

1. vue的技術棧有哪些?

看具體專案:vue+typescript+scss+vue-router

2. ui框架用什麼?

移動端用vant,pc端用element-ui

自己封裝ui元件,造輪子

3. js基礎--防抖和節流

節流,用於後台的資料請求,flag控制使用者請求頻率,設定時間,flag初始為true,點選為false,下此true之前請求無效,防止過於頻繁的請求

防抖,送外賣舉例

4. 陣列常用的api

filter、sort排序和高階陣列如map、foreach、reduce。

追問:sort有什麼缺陷?使用需要注意的點?

使用時function中傳兩個值,兩個進行比較。

追問:不傳函式,直接傳陣列會有什麼問題?

排序規則問題,優先順序

5. 函式的this?

理解,指向。根據呼叫動態決定動態指向。

call、bind、this指向

追問:具體場景中this的指向?

兩種情況全域性呼叫

new怎麼實現它。

追問:如何去實現乙個new

new的過程中會把this指向函式返回的值(物件)

6. js繼承

es6語法:class定義乙個父類,再class定義乙個子類 extends 父類,在子類中使用關鍵字super。

追問:super做了乙個什麼事?

super把父類中的屬性方法拷貝過來

追問:constructor是什麼東西?

構造器追問:除了es6繼承,還有哪些繼承方法?

原型繼承,es6基於原型繼承。

追問:不用xx轉化實現繼承?(沒聽清,大約在20'48'前)

方法:類名.prototype.方法

屬性:7. js原型鏈是什麼,**執行時原型鏈如何執行?

8. vue中常用的特性有哪些?

雙向資料繫結,v-model,watch,computed,生命週期函式。

追問:生命週期函式有哪些?

8種生命週期鉤子,及keep-alive相關的兩個生命週期鉤子:active和deactive,子元件中發生錯誤進行上報的生命週期鉤子catch error。

9. vue中常用的一些指令。

v-bind、v-clock、v-for、v-model。

追問:v-bind和v-model的語法糖

追問:v-model如何實現語法糖的效果?即v-modle解析時和v-bind有什麼區別?如何通過v-bind實現雙向繫結?

追問:v-show和v-if區別?

v-show會生成dom節點,但隱藏了

v-if不會生成dom節點

追問:display:none和opacity設定透明度的區別?

10. button按鈕封裝是怎麼做的,考量的點有哪些?

loading、button-group、樣式需求,click事件點選的時候傳出去,size引數調節做進去,disabled屬性,根據傳入引數繫結相應css。

追問:封裝中的input雙向繫結如何實現的?

追問:button彈出如何做的?

彈出框放到body最外層,避免遮擋

追問:什麼型別的遮擋問題?

設定index,以及影響文件流問題

追問:如何定位及計算button位置?獲取座標注意什麼點?

使用fixed定位,找到按鈕元素座標

追問:滾動條獲取位置

三年以上php開發經驗常見面試題

01 02 0.簡單做一下自我介紹,然後談一下近三年來你的得意之作?03 1.面試官看過你的簡歷,會問一些你做的專案的使用者量 pv 吞吐量 相關難點和解決方法等 04 2.資料庫設計經驗,為什麼進行分表?分庫?05 一般多少資料量開始分表?分庫?分庫分表的目的?什麼是資料庫垂直拆分?水平拆分?分割...

前端一到三年最全面試題(一)

html,css面試題 請講一下html5的特點。你知道的語義化的標籤有哪些?css3新增了哪些特性?請講一下css3動畫的優點,你是怎麼使用的?請講一下聖杯布局和雙飛翼布局。你還知道哪些布局?div css的布局較table布局有什麼優點?grid布局有過了解麼?答案 css新布局之display...

三年前端面試經驗加感悟 乾貨分享

我目前是在職前端開發,如果你現在也想學習前端開發技術,在入門學習前端的過程當中有遇見任何關於學習方法,學習路線,學習效率等方面的問題,你都可以申 入我的前端學習交流裙 前面 282 中間 549 最後 184 學歷這很好理解,無論你工作了幾年,hr或面試官看簡歷第一眼想看的就是學歷,這是乙個很直觀地...