2年前端(外包經(jīng)歷) 6月部分面試記錄 （高級(jí)、資深崗位）
本人一年小公司，2年前端大廠外包經(jīng)歷，坐標(biāo)杭州，記錄6月份部分面試記錄，還有一部分忘的太多沒(méi)記錄。
訊盟科技 （拿offer）
一面 技術(shù)面
項(xiàng)目
axios如何取消請(qǐng)求、原理
react如何diff、細(xì)節(jié)
hooks使用情況
為什么hooks不能寫在循環(huán)或者條件判斷語(yǔ)句里
useMemo、useCallback使用場(chǎng)景
useEffect、useLayoutEffect區(qū)別
拖拽原生實(shí)現(xiàn)方式
聊聊promise
redux的三個(gè)原則、如何寫一個(gè)中間件
dva和redux的區(qū)別是什么
TL做哪些工作
怎么應(yīng)對(duì)工作中的壓力
二面 人事面
項(xiàng)目負(fù)責(zé)什么
作為面試官招聘 中級(jí)、高級(jí)的標(biāo)準(zhǔn)是什么
投入精力最多的項(xiàng)目、因你有什么不同
學(xué)習(xí)方式、有沒(méi)有將一些學(xué)習(xí)的東西應(yīng)用到工作中
自己有沒(méi)有做工作之外的技術(shù)上的東西
遇到了自己解決不了的問(wèn)題怎么辦
如何面對(duì)工作壓力
周末會(huì)做些什么
怎么看加班
希望加入一個(gè)什么樣的技術(shù)團(tuán)隊(duì)
三面 前端負(fù)責(zé)人面
項(xiàng)目的起因、目的
如果長(zhǎng)時(shí)間分配給你一些瑣碎的、對(duì)你來(lái)說(shuō)沒(méi)什么技術(shù)含量的事情怎么看待
學(xué)習(xí)方式
最近看什么書、第一章講的什么
如何看待壓力
如果業(yè)務(wù)壓力過(guò)大、導(dǎo)致經(jīng)常加班、沒(méi)時(shí)間學(xué)習(xí)怎么辦
對(duì)團(tuán)隊(duì)的向往
光云科技 （拿offer）
一面 技術(shù)面
項(xiàng)目描述、負(fù)責(zé)內(nèi)容
如何理解fiber
fiber節(jié)點(diǎn)對(duì)象的一些屬性都有哪些
react diff算法
場(chǎng)景題：一個(gè)下拉框 200條數(shù)據(jù) 怎么優(yōu)化 （默認(rèn)展示10條）
react和vue的區(qū)別
二面 主管面
負(fù)責(zé)最復(fù)雜的項(xiàng)目描述、負(fù)責(zé)內(nèi)容、技術(shù)方案
60個(gè)請(qǐng)求（限制最多同時(shí)請(qǐng)求6個(gè)）請(qǐng)求并行方案
原生拖拽方案及實(shí)現(xiàn)細(xì)節(jié)（mouseMove、drag，drop）
三面 6月3日 總監(jiān)面
忘記了。。。
數(shù)美科技 （拿offer）
一面 技術(shù)面 電話面試
react缺點(diǎn)（...無(wú)語(yǔ)）
react hooks使用
react class 組件constructor 中的super的作用、
pureComponent和Compoent什么區(qū)別
react組件名稱為什么要大寫
箭頭函數(shù)和普通function的區(qū)別
二面 技術(shù)面 電話面試
react class和hooks區(qū)別
HOC使用場(chǎng)景、自定義hooks使用情況
webpack理解
數(shù)組遍歷方法 哪個(gè)快
聊項(xiàng)目
react路由原理
react-redux原理
d3的理解
優(yōu)腦銀河 （拿offer）
一面 技術(shù)面 現(xiàn)場(chǎng)面試
深拷貝實(shí)現(xiàn)、和淺拷貝的區(qū)別
如何理解node單線程
數(shù)據(jù)庫(kù)了解情況
mongodb按照id查一條數(shù)據(jù) 語(yǔ)句
TL做哪些事情
新工作的期望
二、三面 技術(shù)面
聊項(xiàng)目
react生命周期 為什么新增了兩個(gè)靜態(tài)的 目的是什么
hooks優(yōu)勢(shì)是什么、使用情況
react diff算法
事件循環(huán)
css flex
Object.keys() 和 for in 區(qū)別
filter 、map區(qū)別
手寫bind函數(shù)
手寫多維數(shù)組降緯 flat
手寫函數(shù)實(shí)現(xiàn)數(shù)組 。[12, 3, 24, 1, 932, 6423] 按照首位排序
手寫快排 quickSort
手寫實(shí)現(xiàn)add函數(shù) 滿足 add(1)(2)(3)() 返回 6
手寫簡(jiǎn)版 深拷貝
兌吧 （掛）
全是es6基礎(chǔ)問(wèn)題、省略。。。
杭州促極科技 （拿offer）
一面 6月7日 技術(shù)面
手寫題：
實(shí)現(xiàn)sum(1)(2)(3) 輸出 6
手寫防抖函數(shù)
實(shí)現(xiàn)sleep函數(shù) 實(shí)現(xiàn)sleep（1000）延遲執(zhí)行 //三版 promise、generator、async await
實(shí)現(xiàn)兩數(shù)組取交集[1,2,3,4,8]、[2,3] // 交集[2,3];
聊項(xiàng)目
egg相對(duì)于koa的區(qū)別、chair相對(duì)于egg的區(qū)別
一道sql查詢語(yǔ)句
lodash都用哪些東西 get、set實(shí)現(xiàn)原理、深拷貝實(shí)現(xiàn)原理
通過(guò)學(xué)習(xí)了圓滿在業(yè)務(wù)開發(fā)中有哪些應(yīng)用
react diff
hooks和class組件的區(qū)別
hooks里怎么模擬class組件生命周期
二面 6月7日 TL面
聊項(xiàng)目
最滿意的一個(gè)項(xiàng)目、其中職責(zé)
。。。忘記了
三面 6月7日 總監(jiān)面
再一遍自我介紹
react生命周期
了解哪些設(shè)計(jì)模式
設(shè)計(jì)模式了解哪些、作用是什么、怎么看
TL都做哪些事情、怎么給組內(nèi)人員分配工作
。。。忘記了
快手 （掛）
一面 6月8日 技術(shù)面 視頻面試
聊項(xiàng)目、立項(xiàng)初衷、目的、負(fù)責(zé)什么、落地成果
vw、vh、rem、em
flex
實(shí)現(xiàn)垂直居中布局
link標(biāo)簽prefetch、preload作用
script標(biāo)簽async、defer作用、區(qū)別
事件模型、事件代理
e.target 和 e.currentTarget區(qū)別
0.1 + 0.2 !== 0.3 解決辦法
檢測(cè)數(shù)據(jù)類型方法有哪些
typeof String(1) 和type new String（1） 返回值
String(1)和new String(1) 為啥都能調(diào).substr()
瀏覽器安全策略 跨域方法 CORS怎么攜帶cookie 。cookie的samesite作用
如何理解事件循環(huán)
編程題 ：實(shí)現(xiàn)下面函數(shù)
function add() {}function one() {}function two() {}console.log(one(add(two())))// 3console.log(two(add(one())))// 3復(fù)制代碼
政采云 （掛）
一面 技術(shù)面
聊項(xiàng)目
react hooks理念、使用情況、setState和class組件this。setState區(qū)別是什么
http頭部字段都有哪些
后端配置緩存和html meta標(biāo)簽配置緩存的區(qū)別
對(duì)cdn的理解
忘記了。。。
二面 技術(shù)面
項(xiàng)目經(jīng)歷
自定義hooks使用
var、let、const 區(qū)別
Object和Map的區(qū)別
Map和WeakMap 的區(qū)別
垃圾回收機(jī)制 棧內(nèi)存回收、堆內(nèi)存回收
前端的核心競(jìng)爭(zhēng)力是什么
對(duì)前端一些比較熱門或新的技術(shù)的了解
微店 （拿offer）
一面
react事件系統(tǒng)
react class組件和hooks區(qū)別
useCallback和useMemo如何使用 作用
做過(guò)的性能優(yōu)化
進(jìn)程和線程的區(qū)別
線程、進(jìn)程通信方式
使用webWorker是新開了個(gè)進(jìn)程還是線程
首屏優(yōu)化方案
拖拽實(shí)現(xiàn)方案
手寫new函數(shù) 和數(shù)組降緯排序
二面
promise原理
promise先catch再then 在catch里返回內(nèi)容then里回調(diào)函數(shù)能不能接受到
promise錯(cuò)誤如何捕獲
講講瀏覽器事件循環(huán)
講講js是如何存儲(chǔ)數(shù)據(jù)的 和垃圾回收機(jī)制
如何做組件庫(kù)設(shè)計(jì)、及如何保證穩(wěn)定性、如何做單測(cè)
組件設(shè)計(jì)、了解哪些設(shè)計(jì)模式、實(shí)際應(yīng)用
可視化方案、svg、canvas區(qū)別 使用場(chǎng)景
三面 總監(jiān)+hr面
react和vue區(qū)別
講講做過(guò)最復(fù)雜的項(xiàng)目和覺(jué)得貢獻(xiàn)最多的項(xiàng)目、
你做和其他人做的區(qū)別是什么、
為什么選擇你
平時(shí)學(xué)習(xí)方式、學(xué)習(xí)能力體現(xiàn)在哪些方面
覺(jué)得自己對(duì)標(biāo)阿里是p幾
職業(yè)規(guī)劃
周末時(shí)間都做什么
學(xué)習(xí)方式以及有沒(méi)有輸出什么東西
最近在學(xué)習(xí)什么
為什么想離開外包
你覺(jué)得外包和甲方的區(qū)別是什么
擔(dān)任TL的時(shí)候都負(fù)責(zé)哪些事情、如何平均分配好每個(gè)人的工作量、怎么做評(píng)估的
丁香園 （拿offer）
一面
現(xiàn)場(chǎng)紙質(zhì)手寫題30分鐘作答 具體忘記了
react hooks和class的區(qū)別
react diff策略 內(nèi)部怎么做的、時(shí)間復(fù)雜度為什么是On3
react 15 16區(qū)別、fiber架構(gòu)優(yōu)勢(shì)
code review 怎么做的
如何分配任務(wù)
如何做性能優(yōu)化
二面
為什么離職
如何設(shè)計(jì)一個(gè)本地存儲(chǔ)的包 提供給其他同事用， 思路、實(shí)現(xiàn)細(xì)節(jié)
覺(jué)得自己的優(yōu)勢(shì)和劣勢(shì)分別是什么
職業(yè)規(guī)劃
如何學(xué)習(xí)、怎么做規(guī)劃
忘記了。。
三面
后續(xù)更
GrowingIO （拿offer）
后續(xù)更
阿里CBU技術(shù)部 （學(xué)歷掛）
1
/** * 找出數(shù)組中第k大和第m大的數(shù)字相加之和* 說(shuō)明：實(shí)現(xiàn)一個(gè)方法，找出數(shù)組中第k大的和第m大的數(shù)字相加之和* 示例：* let arr = [1,2,4,4,3,5], k = 2, m = 4* findTopSum(arr, k, m); // 第2大的數(shù)是4，出現(xiàn)2次，第4大的是2，出現(xiàn)1次，所以結(jié)果為10*/復(fù)制代碼
2
/* Promise.allSettled可以將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise實(shí)例。不同于Promise.all只有promise都* 成功時(shí)返回一個(gè)數(shù)組，allSettled總會(huì)返回一個(gè)結(jié)果數(shù)組，數(shù)組中的每一項(xiàng)分別是每個(gè)promise的運(yùn)行結(jié)果。* 請(qǐng)實(shí)現(xiàn)一個(gè)promise.allSettled函數(shù)*/復(fù)制代碼
3
/*** 實(shí)現(xiàn)一個(gè)EatMan* 說(shuō)明：實(shí)現(xiàn)一個(gè)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(“l(fā)unch”)輸出* Eat lunch~* Hi This is Hank!* Eat supper~* 4. EatMan(“Hank”).eat('dinner').eatFirst(“l(fā)unch”).eatFirst("breakfast")輸出* Eat breakfast~* Eat lunch~* Hi This is Hank!* Eat dinner~*/
作者：思唯
https://juejin.cn/post/698962658246578996