前前后后面試了6家公司，總結(jié)一下問題做一個backup。（僅記錄問題，不區(qū)分面試輪次）

2019寒冬來臨，卷入動蕩之中只能又開啟了漫漫求職路。有辛酸，有坎坷，但也有點小幸運。

脈脈

框架

• 簡述vue的基本原理
• vue的生命周期
• vue與react的不同
• vue父子通信的方式
• vuex的原理及理解
• vue v-model如何實現(xiàn)的，語法糖實際是什么
• react 生命周期
• react context 的理解
• redux的原理
• react-redux的原理
• 如何避免render的觸發(fā)
• 說一下react vnode的diff算法
• vnode的引入與直接操作原生dom相比，哪一個相率更高，為什么

基礎(chǔ)知識

• 對緩存的理解
• 對http2的理解
• 對https的理解
• 對原型鏈的理解，畫一個經(jīng)典的原型連接圖
• 對es6了解多少
• 箭頭函數(shù)與正常函數(shù)有哪些區(qū)別
• class的實現(xiàn) 用原型寫一個繼承
• ajax axios fetch的區(qū)別
• 如何用promise封裝一個ajax
• 項目中的難點和亮點

二面送走，說會聯(lián)系也沒聯(lián)系我 > <.(面試體驗和福利還是挺好的)

高德

框架

• React組件的生命周期
• React父子組件如何通信的
• React層級很深的組件如何通信傳值(Context API)
• React做了哪些性能優(yōu)化 PureComponent的實現(xiàn)原理是什么
• React setState后都會發(fā)生什么，是否了解
• React 1000個列表節(jié)點渲染，給出一個優(yōu)化方案
• 是否了解React事件機制，如果讓你實現(xiàn)如何來設(shè)計
• Redux的原理及理解
• react-redux是如何來實現(xiàn)的，connect是不是一個高階函數(shù)，原理是什么
• react與vue相比，有什么不同

基礎(chǔ)知識

• 對緩存的理解，需要什么設(shè)置
• 對代碼構(gòu)建上線流程是否了解，說一下如果讓你實現(xiàn)的思路
• 談?wù)剬ebpack的理解，常用哪些plugin，對webpack配置是否了解，對項目打包是否做過什么優(yōu)化
• ES6常用到哪些，對class的理解，手寫一個對繼承的實現(xiàn)
• Promise是否了解，如何實現(xiàn)一個promise
• class繼承中子類想使用父類的方法，應(yīng)該用什么方式調(diào)用(super的意義)
• 箭頭函數(shù)與正常函數(shù)的區(qū)別
• css實現(xiàn)border漸變
• css實現(xiàn)下陰影（氣泡類 帶箭頭的陰影）
• css對flex的理解
• 對瀏覽器渲染機制的理解（具體到細節(jié)，從渲染樹到paint之間究竟發(fā)生了什么）
• 純css實現(xiàn)一個高寬比為1：3的盒子 列舉幾種方式
• 瀏覽器的架構(gòu)，bom，dom

馬蜂窩

框架

• vue的生命周期
• 組件A下有子組件B、C，那么3個組件生命周期的調(diào)用順序，同級組件mounted觸發(fā)一定是先調(diào)用先call嗎？同步還是異步？
• vue的基本原理
• vue eventbus的實現(xiàn)
• vue父子組件的通信
• vuex的使用

基礎(chǔ)知識

• 對https的理解,對稱、非對稱加密在哪部使用
• css布局 各種定位的方式
• css實現(xiàn)水平垂直居中
• css實現(xiàn)一個旋轉(zhuǎn)的圓
• cookie 跨域的處理方案
• cookie 種在子域下能否攜帶發(fā)送到服務(wù)端(SSO登錄)
• 寫一個函數(shù)，第一次調(diào)用返回0，之后每次調(diào)用返回比之前大1
• 閉包、作用域的理解
• 用原生xhr發(fā)送一個請求
• 跨域請求可以攜帶cookie嗎
• axios與xhr的區(qū)別，如何用promise包裝xhr
• 講講項目中的難點

要吐槽一下。1面好看的小姐姐面完直接告訴我當(dāng)備胎了，送我出去了= =。。。（不過馬蜂窩的辦公環(huán)境是真的挺美的，跟花園一樣）

猿輔導(dǎo)

框架

• vue的生命周期
• vue雙向綁定的原理
• vue父子組件通信的方式
• vue eventbus的原理
• 對vuex的理解
• 談?wù)剬ue和react對比，并從中能學(xué)到什么
• vue中可以對對象進行數(shù)據(jù)監(jiān)聽，如果對于數(shù)組中的某個元素能否監(jiān)聽，是如何做到的

基礎(chǔ)知識

• http的頭部有什么字段，簡要描述(緩存，content-type，cookie等等)
• cookie跨域服務(wù)端需要如何適配(CORS頭)
• 一個請求跨域是否會抵達服務(wù)端
• 對之前的項目做過什么優(yōu)化，講一講
• 對之前的項目遇到過什么難點，講一講
• 對http2有哪些了解
• 對canvas有哪些性能上的優(yōu)化
• 對settimeout和對setinterval的理解（涉及代碼題倒計時函數(shù)，eventloop的考點）計時是否準(zhǔn)確？如何實現(xiàn)較為準(zhǔn)確的計時？
• 對一個短時間并發(fā)高的場景需要如何處理（后端設(shè)計）(開始答題獲取試卷的場景)

寫代碼

• 寫一個倒計時函數(shù)
• 寫一個函數(shù)，給定一棵樹，輸出這棵樹的深度
• 寫一個函數(shù)，給定一個url和最大深度maxdeep，輸出抓取當(dāng)前url及其子鏈接深度范圍內(nèi)的所有圖片
• 寫一個函數(shù)，給定nodes=[]，每一個節(jié)點擁有id,name,parentid，輸出一個屬性列表的展示(涉及dom操作)

抖音

框架

• vue數(shù)據(jù)綁定的實現(xiàn)原理
• vue computed具體在什么階段進行的依賴收集，具體的過程詳細描述
• vuex和redux的差別

基礎(chǔ)知識

• 跨域的解決辦法
• 原型鏈的理解，寫一個原型繼承
• 實現(xiàn)一個sendRequest，有最大請求并發(fā)限制
• EventLoop的理解
• 瀏覽器渲染觸發(fā)在EventLoop的哪個階段，觸發(fā)機制是怎么樣的
• https 建立連接的過程及通信 如何劫持，鑒別是否被劫持
• ES module與cjs的區(qū)別
• Tree shaking的實現(xiàn)原理
• 給定一個sum 檢驗一棵樹中，是否存在一條路徑和為sum，輸出該路徑

二面送走，感覺到自己在一些問題的深度上還有待加深。

快手

框架

• 對vuex源碼上如何實現(xiàn)只能mutation更改，而不能直接更改
• vuex中如何在層層都可以引用$store
• vuex和redux的差別

基礎(chǔ)知識

• 筆試題6頁
• css優(yōu)先級關(guān)系
• eventloop的先后順序(node內(nèi))
• node中的垃圾收集機制
• BFC，IFC，F(xiàn)FC的區(qū)別
• a11y是什么，如何理解
• prototype的考察
• TDZ的考察
• 寫一個數(shù)組方法，打亂整個數(shù)組順序，并且每個數(shù)字落在各個位置的概率相同
• one(add(two())) // 3 two(add(one())) // 3 寫出 one() two() add()的實現(xiàn)
• 實現(xiàn)一個catchPromise 發(fā)同一個請求緩存data 在實際網(wǎng)絡(luò)層相同url只會發(fā)出一個請求
• 給定 n 個 {x, y, w, h}的盒子 按需排列，左上聚攏(層疊后的max(h)*max(w)最小)，求給一個{w,h}，輸出放置的位置
• 從輸入一個url到呈現(xiàn)網(wǎng)頁，都有哪些步驟
• http keep—alive都解決了哪些問題 keep-alive是從c - nginx建立的還是直接到服務(wù)建立的長連接，與websocket有什么區(qū)別與聯(lián)系
• 給定一個html，輸出其中包含的html標(biāo)簽數(shù)量，可以用domapi 注意iframe
• 實現(xiàn)一個NumberStack，實現(xiàn)pop，push，max(n)方法，max(n)返回第n大的數(shù)，max(n)需要 O(1)的時間復(fù)雜度
• 實現(xiàn)一個bind函數(shù)
• 跨域的解決辦法，jsonp的實現(xiàn)原理

到此這篇關(guān)于2019大廠前端面試題小結(jié)的文章就介紹到這了,更多相關(guān)大廠前端面試題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評論