面試通常注意這么幾個(gè)方面

面試應(yīng)該搞清楚「為什么」而不是停留在「是什么」。此外面試不應(yīng)該問(wèn)概念題或太過(guò)偏離實(shí)際應(yīng)用的題目，只有實(shí)際應(yīng)用會(huì)遇到的題目才能真實(shí)反映面試者解決問(wèn)題的能力。

前端面試通常注意這么幾個(gè)方面：

1.溝通能力2.基礎(chǔ)知識(shí)3.解決實(shí)際問(wèn)題的能力4.知識(shí)邊界

溝通能力面看面試面試者對(duì)所有問(wèn)題的視角，闡述是否準(zhǔn)確容易理解。這是我們團(tuán)隊(duì)非常重要的一個(gè)指標(biāo)。

基礎(chǔ)知識(shí)面

具體基礎(chǔ)知識(shí)方面，我會(huì)重點(diǎn)考察：閉包es6 - class比如說(shuō)：類(lèi)的靜態(tài)成員和動(dòng)態(tài)成員的區(qū)別？重點(diǎn)考察多態(tài)和類(lèi)型的設(shè)計(jì)。比如說(shuō)mixin和decorator等。

map/reduce/filter/find這些常用的函數(shù) promise和async/await 基礎(chǔ)算法（比如說(shuō)什么鏈表，如何實(shí)現(xiàn)一個(gè)hash算法， 歸并排序的復(fù)雜度） 前端常用設(shè)計(jì)模式（比如說(shuō)subscribe,observable等） 進(jìn)程和線程的區(qū)別（什么線程同步）

解決問(wèn)題面

具體到解決實(shí)際問(wèn)題的能力， 我會(huì)涉及：組件接口設(shè)計(jì) （比如設(shè)計(jì)一個(gè)表單組件/Picker) —— 基于 react 或 vue。針對(duì)面試人員原公司業(yè)務(wù)邏輯提具體的問(wèn)題具體的工具（gulp/webpack/rollup) 考察 具體的知識(shí)點(diǎn)，主要是希望面試者具有：根據(jù)自身團(tuán)隊(duì)的實(shí)際情況選擇工具的能力

給一個(gè)實(shí)際問(wèn)題， 問(wèn)解決方案

知識(shí)邊界

面知識(shí)邊界主要是為了確定面試人員的知識(shí)范圍。知識(shí)邊界我會(huì)問(wèn)：考察一個(gè)稍微復(fù)雜一點(diǎn)的shell知識(shí)點(diǎn)（如awk，xargs等命令) 問(wèn)一個(gè)數(shù)據(jù)庫(kù)相關(guān)知識(shí)中稍微有深度一點(diǎn)的（如：什么是鎖） 問(wèn)一個(gè)緩存先關(guān)的問(wèn)題（如：什么是緩存穿透） React/Vue的virtual dom實(shí)現(xiàn)原理 js新特性掌握深度（如symbol-observable， 什么是web-asm）前端方向把握（pwa/electron/react-native node.js的學(xué)習(xí)情況

以下列出常見(jiàn)面試題：

1.?過(guò)Symbol嗎，什么場(chǎng)景?2.迭代器 是什么，怎么?定義迭代（for of），異步迭代3.Promise A+規(guī)范，?寫(xiě)all、race、any、allsettled4.?過(guò)?成器嗎，什么場(chǎng)景?5.推測(cè)async/await的原理，??成器模擬下6.宏任務(wù)和微任務(wù)，node和瀏覽器差異7.正則表達(dá)式，NFA和DFA（加分項(xiàng)）8.CMD和UMD，ES Module的差別9.V8的GC過(guò)程，堆棧區(qū)別10.http緩存機(jī)制，CDN原理11.https，http2，http3（加分項(xiàng)）12.塊級(jí)元素和?內(nèi)元素差別，?度塌陷，BFC13.flex和grid布局14.元素層級(jí)順序15.css3動(dòng)畫(huà)，漸變，濾鏡（加分項(xiàng)），F(xiàn)LIP動(dòng)畫(huà)（加分項(xiàng)）16.css變量，?定義變量（加分項(xiàng)）17.canvas和svg?較18.node端web框架，express，koa，egg/nest，洋蔥模型，AOP，IOC（加分項(xiàng)）19.流的概念，怎么處理20.異步和同步API，libuv（加分項(xiàng)）21.Worker，thread worker（加分項(xiàng)）22.typescript基礎(chǔ)，聯(lián)合類(lèi)型，索引類(lèi)型，枚舉類(lèi)型，逆變協(xié)變（加分項(xiàng)），類(lèi)型推導(dǎo)，接?和類(lèi)型的區(qū)別，declare作?23.webpack?概?作原理，插件原理，module federation（加分項(xiàng)），vite為什么快（加分項(xiàng)）24.Vue響應(yīng)式原理，patch流程，composition api（加分項(xiàng)），Vue3的改進(jìn)點(diǎn)，vue-router原理25.React hook原理，fiber做了什么（加分項(xiàng)），如何diff，?較redux和mobx26.單點(diǎn)登錄原理，權(quán)限控制怎么做（加分項(xiàng)）27.微前端（加分項(xiàng)），WebComponent（加分項(xiàng)）28.CI/CD怎么做，git操作，容器部署特點(diǎn)，怎么做監(jiān)控，線上問(wèn)題排查思路