半年工做經驗今日頭條和美團面試題面經分享

昨天，下着小雨去面試了，特意避開雨天，居然仍是雨天，寶寶不想說話。。。 正好2點到，先去字節跳動，一進去就是客廳沙發桌子，旁邊有書架和書，擺設通常，一點都感覺不出大公司的氣質，去了一直等了30分鐘，催了前臺2次 後來給面試題，先答題，面試官不在旁邊 額...這下能夠上網搜答案了 不廢話，放題

•  一 ·css和html

A元素垂直居中
 A元素距離屏幕左右各邊各10px
 A元素裏的文字font—size:20px,水平垂直居中
 A元素的高度始終是A元素寬度的50% 複製代碼

<div class="box"> <div class="Abox">我是居中元素 </div> </div>
	*{
			padding:0;
			margin: 0;
		}
		html,body{
			width: 100%;
			height: 100%;
		}
		.box{
			position: relative;
			background: red;
			width: 100%;
			height: 100%;
		}
		.Abox{
			margin-left:10px;
			width: calc(100vw - 20px);
			height: calc(50vw - 10px);
			position: absolute;
			background: yellow;
			top:50%;
			transform: translateY(-50%);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
		}
A元素的高度始終是A元素寬度的50%  複製代碼

•  二 · 函數arguments
  

函數中的arguments是數組嗎？怎麼轉數組？複製代碼

這個灰常簡單 array.from ...arguments 他說就三個點嗎 我又說加各括號或者[]...我就是表示一下下...

function cc () { 
    console.log(Array.from(arguments))
    console.log([...arguments]) 
 }
複製代碼

•  三·如下打印結果
  

if([]==false){console.log(1)};
    if({}==false){console.log(2)};
    if([]){console.log(3)}
    if([1]==[1]){console.log(4)}
複製代碼

這個也比較簡單 1 3 學好== 和轉換不成問題

1和2左右被轉成數字   3被轉成boolean   4 地址不同複製代碼

•  四·如下打印結果

async function async1(){
    console.log('async1 start')
    await async2()
    console.log('async1 end')
  }
  async function async2(){
    console.log('async2')
  }
  console.log('script start')
 setTimeout(function(){
    console.log('setTimeout') 
 },0)  
 async1();
 new promise(function(resolve){
    console.log('promise1')
    resolve();
 }).then(function(){
    console.log('promise2')
 })
 console.log('script end')複製代碼

 這個也很簡單 promise 優先於 setTimeout 微任務和宏任務 

script start
async1 start
async2
promise1
script end
promise2
async1 end
setTimeout
// await等async 後面的加入異步不知道233333
// 還有最新V8和舊版本V8展現結果不同promise2 和async1 end略有互換
async function asyncFunc() {    
    const result = await otherAsyncFunc();   
    console.log(result);
}
 // 等價於:
function asyncFunc() { 
   return otherAsyncFunc().then(result => {     
   console.log(result);   
 });}
複製代碼

•  五· 改動錯誤 

此處省略太長就是this和let 的問題
複製代碼

這個只改了let 後來在提示下改了this 不過又被問住坑了
我說箭頭函數沒有this this只向外邊
他說 沒有this，this是從哪來的
我沒回答，又問this是聲明肯定仍是執行肯定
我以爲this就是外面的這跟聲明肯定仍是執行肯定有什麼關係
在面試官的一再引導下我居然回答是執行確認，由於我以爲是執行的時候外面的
這真的是說法問題，其實this是繼承來的，我只是忘了這一點。就被問懵了
這個面試官說話給人感受很衝啊，讓你常常懷疑本身，哼，你們內心要強大啊
天啊嚕居然能栽倒箭頭函數上複製代碼

•  六 ·寫bind 
  

這個bind我在網上看了好幾遍
以爲本身懂了
手寫代碼其實有一部分上網搜了
少寫了一行就被發現了，本身做死，而後就被問住了，233333333複製代碼

• 七 ·函數節流（此題有坑）

從圖上看大概就是100ms內阻止函數運行
以爲如此簡單的問題居然能被問住
我要好好研究研究
不就是節流防抖嗎？
我發現好多問題明明知道一問就死複製代碼

•  八 ·從一個無序，不相等的數組中，選取N個數，使其和爲M實現算法
  

這個我居然看錯題了 使其和爲M實現算法當作求和，哈哈哈哈哈哈哈哈
其實即使不看錯題，我手寫也寫不出來啊 
這個得在機器上試幾邊才能寫出來啊

最後問了問幾個項目問題， 如何提高說去看 你不知道的js 
（都知道一問也被問住了啊，有些事不面不知到啊） 
而後他說不知道讓你過仍是不過 哈哈哈哈哈哈哈哈哈哈
最後掛了，他說要好好看看vue源碼
面試官長得很小隻，他扣的很死，常常說的話：你肯定你寫的能執行？ 
我我我。。。心態不能輸 ，能！！！
通過兩個小時，面試卒，結束。
對比美團面試官，頭條小哥哥很好。 
複製代碼

結束後就當即去美團了
也許是上次美團小哥哥給個人感受太好，這個美團面試官素質是如此之低，是我見過最差面試官沒有之一
這我的一來什麼基礎都沒問，全是問項目
問項目也就算了，問的還都是項目安全問題，大概她作的是安全方面的
問加密算法 問https是怎麼回事，真的安全嗎？問dns解析怎麼回事，dns劫持知道嗎？
localhost如何不被篡改，對，所有是圍繞安全來的
最後看了看簡歷，你工做才1年半啊。經驗太少了，這個簡歷是你本身拿着，仍是留着
我就不送了，本身出去吧，結果我連門卡都沒有，出都出不去。
就這樣10分鐘把我打發，態度很是惡劣，既然如此你又何須讓我來呢？
我這大老遠的跑過來就給10分鐘的時間。
天黑了，回家。複製代碼

謝謝你們，技術沒有頂峯，要保持一直不斷的努力，學無止境，面試題不足以判斷一我的的真實能力，你們一塊兒加油ヾ(◍°∇°◍)ﾉﾞ