2年前端(外包經歷) 6月部分面試記錄 （高級、資深崗位）

本人19年畢業，一年小公司實習，2年前端外包經歷，座標杭州，記錄6月份部分面試記錄，還有一部分忘的太多沒記錄。

訊盟科技 （拿offer）

一面 技術面

• 項目
• axios如何取消請求、原理
• react如何diff、細節
• hooks使用狀況
• 爲何hooks不能寫在循環或者條件判斷語句裏
• useMemo、useCallback使用場景
• useEffect、useLayoutEffect區別
• 拖拽原生實現方式
• 聊聊promise
• redux的三個原則、如何寫一箇中間件
• dva和redux的區別是什麼
• TL作哪些工做
• 怎麼應對工做中的壓力

二面 人事面

• 項目負責什麼
• 做爲面試官招聘 中級、高級的標準是什麼
• 投入精力最多的項目、因你有什麼不一樣
• 學習方式、有沒有將一些學習的東西應用到工做中
• 本身有沒有作工做以外的技術上的東西
• 遇到了本身解決不了的問題怎麼辦
• 如何面對工做壓力
• 週末會作些什麼
• 怎麼看加班
• 但願加入一個什麼樣的技術團隊

三面 前端負責人面

• 項目的原由、目的
• 若是長時間分配給你一些瑣碎的、對你來講沒什麼技術含量的事情怎麼看待
• 學習方式
• 最近看什麼書、第一章講的什麼
• 如何看待壓力
• 若是業務壓力過大、致使常常加班、沒時間學習怎麼辦
• 對團隊的嚮往

光雲科技 （拿offer）

一面 技術面

• 項目描述、負責內容
• 如何理解fiber
• fiber節點對象的一些屬性都有哪些
• react diff算法
• 場景題： 一個下拉框 200條數據 怎麼優化 （默認展現10條）
• react和vue的區別

二面 主管面

• 負責最複雜的項目描述、負責內容、技術方案
• 60個請求（限制最多同時請求6個）請求並行方案
• 原生拖拽方案及實現細節（mouseMove、drag，drop）

三面 6月3日 總監面

忘記了。。。

數美科技 （拿offer）

一面 技術面 電話面試

• react缺點（...無語）
• react hooks使用
• react class 組件constructor 中的super的做用、
• pureComponent和Compoent什麼區別
• react組件名稱爲何要大寫
• 箭頭函數和普通function的區別

二面 技術面 電話面試

• react class和hooks區別
• HOC使用場景、自定義hooks使用狀況
• webpack理解
• 數組遍歷方法 哪一個快
• 聊項目
• react路由原理
• react-redux原理
• d3的理解

優腦銀河 （拿offer）

一面 技術面 現場面試

• 深拷貝實現、和淺拷貝的區別
• 如何理解node單線程
• 數據庫瞭解狀況
• mongodb按照id查一條數據 語句
• TL作哪些事情
• 新工做的指望

2、三面 技術面

• 聊項目
• react生命週期 爲何新增了兩個靜態的 目的是什麼
• hooks優點是什麼、使用狀況
• react diff算法
• 事件循環
• css flex
• Object.keys() 和 for in 區別
• filter 、map區別
• 手寫bind函數
• 手寫多維數組降緯 flat
• 手寫函數實現數組 。[12, 3, 24, 1, 932, 6423] 按照首位排序
• 手寫快排 quickSort
• 手寫實現add函數 知足 add(1)(2)(3)() 返回 6
• 手寫簡版 深拷貝

兌吧 （掛）

全是es6基礎問題、省略。。。

杭州促極科技 （拿offer）

一面 6月7日 技術面

• 手寫題：

1. 實現sum(1)(2)(3) 輸出 6
2. 手寫防抖函數
3. 實現sleep函數 實現sleep（1000）延遲執行 //三版 promise、generator、async await
4. 實現兩數組取交集[1,2,3,4,8]、[2,3] // 交集[2,3];

• 聊項目
• egg相對於koa的區別、chair相對於egg的區別
• 一道sql查詢語句
• lodash都用哪些東西 get、set實現原理、深拷貝實現原理
• 經過學習了圓滿在業務開發中有哪些應用
• react diff
• hooks和class組件的區別
• hooks裏怎麼模擬class組件生命週期

二面 6月7日 TL面

• 聊項目
• 最滿意的一個項目、其中職責
• 。。。忘記了

三面 6月7日 總監面

• 再一遍自我介紹
• react生命週期
• 瞭解哪些設計模式
• 設計模式瞭解哪些、做用是什麼、怎麼看
• TL都作哪些事情、怎麼給組內人員分配工做
• 。。。忘記了

快手 （掛）

一面 6月8日 技術面 視頻面試

• 聊項目、立項初衷、目的、負責什麼、落地成果
• vw、vh、rem、em
• flex
• 實現垂直居中佈局
• link標籤prefetch、preload做用
• script標籤async、defer做用、區別
• 事件模型、事件代理
• e.target 和 e.currentTarget區別
• 0.1 + 0.2 !== 0.3 解決辦法
• 檢測數據類型方法有哪些
• typeof String(1) 和type new String（1） 返回值
• String(1)和new String(1) 爲啥都能調.substr()
• 瀏覽器安全策略 跨域方法 CORS怎麼攜帶cookie 。 cookie的samesite做用
• 如何理解事件循環

編程題 ： 實現下面函數

function add() {}

function one() {}

function two() {}

console.log(one(add(two())))
// 3
console.log(two(add(one())))
// 3
複製代碼

政採雲 （掛）

一面 技術面

• 聊項目
• react hooks理念、使用狀況、setState和class組件this。setState區別是什麼
• http頭部字段都有哪些
• 後端配置緩存和html meta標籤配置緩存的區別
• 對cdn的理解
• 忘記了。。。

二面 技術面

• 項目經歷
• 自定義hooks使用
• var、let、const 區別
• Object和Map的區別
• Map和WeakMap 的區別
• 垃圾回收機制 棧內存回收、堆內存回收
• 前端的核心競爭力是什麼
• 對前端一些比較熱門或新的技術的瞭解

微店 （拿offer）

一面

• react事件系統
• react class組件和hooks區別
• useCallback和useMemo如何使用 做用
• 作過的性能優化
• 進程和線程的區別
• 線程、進程通訊方式
• 使用webWorker是新開了個進程仍是線程
• 首屏優化方案
• 拖拽實現方案
• 手寫new函數 和數組降緯排序

二面

• promise原理
• promise先catch再then 在catch裏返回內容then裏回調函數能不能接受到
• promise錯誤如何捕獲
• 講講瀏覽器事件循環
• 講講js是如何存儲數據的 和垃圾回收機制
• 如何作組件庫設計、及如何保證穩定性、如何作單測
• 組件設計、瞭解哪些設計模式、實際應用
• 可視化方案、svg、canvas區別 使用場景

三面 總監+hr面

• react和vue區別
• 講講作過最複雜的項目和以爲貢獻最多的項目、
• 你作和其餘人作的區別是什麼、
• 爲何選擇你
• 平時學習方式、學習能力體如今哪些方面
• 以爲本身對標阿里是p幾
• 職業規劃
• 週末時間都作什麼
• 學習方式以及有沒有輸出什麼東西
• 最近在學習什麼
• 爲何想離開外包
• 你以爲外包和甲方的區別是什麼
• 擔任TL的時候都負責哪些事情、如何平均分配好每一個人的工做量、怎麼作評估的

丁香園 （拿offer）

一面

• 現場紙質手寫題30分鐘做答 具體忘記了
• react hooks和class的區別
• react diff策略 內部怎麼作的、時間複雜度爲何是On3
• react 15 16區別、fiber架構優點
• code review 怎麼作的
• 如何分配任務
• 如何作性能優化

二面

• 爲何離職
• 如何設計一個本地存儲的包 提供給其餘同事用， 思路、實現細節
• 以爲本身的優點和劣勢分別是什麼
• 職業規劃
• 如何學習、怎麼作規劃
• 忘記了。。

三面

後續更

GrowingIO （拿offer）

後續更

阿里CBU技術部 （學歷掛）

1

/** * 找出數組中第k大和第m大的數字相加之和 * 說明：實現一個方法，找出數組中第k大的和第m大的數字相加之和 * 示例： * let arr = [1,2,4,4,3,5], k = 2, m = 4 * findTopSum(arr, k, m); // 第2大的數是4，出現2次，第4大的是2，出現1次，因此結果爲10 */
複製代碼

2

/* Promise.allSettled能夠將多個Promise實例包裝成一個新的Promise實例。不一樣於Promise.all只有promise都 * 成功時返回一個數組，allSettled總會返回一個結果數組，數組中的每一項分別是每一個promise的運行結果。 * 請實現一個promise.allSettled函數 */
複製代碼

3

/** * 實現一個EatMan * 說明：實現一個EatMan，EatMan能夠有如下一些行爲 * 示例： * 1. EatMan(「Hank」)輸出: * Hi! This is Hank! * 2. EatMan(「Hank」).eat(「dinner」).eat(「supper」)輸出 * Hi This is Hank! * Eat dinner~ * Eat supper~ * 3. EatMan(「Hank」).eat('dinner').eatFirst(「lunch」)輸出 * Eat lunch~ * Hi This is Hank! * Eat supper~ * 4. EatMan(「Hank」).eat('dinner').eatFirst(「lunch」).eatFirst("breakfast")輸出 * Eat breakfast~ * Eat lunch~ * Hi This is Hank! * Eat dinner~ */
複製代碼

寫在最後

我是思惟，一個開始嘗試向社區輸出的東西的前端開發一枚。

文中若有錯誤，歡迎你們在評論區指正，若是這篇文章幫助到了你，歡迎點贊👍和關注❤️

若是你也有相同的經歷、或有問題想找我諮詢，那歡迎騷擾 vx: W_247096