前端小白記一次字節跳動前端一面視頻面試經歷

背景

是一個前端小白,沒有實習經歷,沒有完整的項目經歷,就來面試了。技術不過硬,看到這文章的其他小白啊,咱們還是要多擼代碼,硬實力最重要。不知道這篇文章是否對你們有用,這是我的第一次實習面試,我希望總結一下經驗,看看如何面對以後的面試,以及如何糾正自己存在的一些問題。

自我介紹

  • 簡單介紹名字,學校啥亂七八糟的東西
  • 做過哪些項目(你說過的這些項目,面試官會抓着這些項目問的)
  • 我說我html css JavaScript學的還蠻好的(希望引導他問我基礎的問題,而不是問一堆框架的問題,後面真的在問我一些基礎的問題)

開始面試

首先問了Vue的一些相關問題,它有哪些優點。
我回答說Vue的數據綁定的很nice,相對於事件驅動的來說,代碼的可維護性是很高的。

再問了關於CSS的一些問題。
常見的position都有啥區別,display呢?inline-block和block、inline都用過嗎?有啥區別?

當時回答他行內元素,塊狀元素、行內塊狀元素都有哪些區別
我說行內元素不能設置寬高,但是有些行內元素如img、input等卻可以設置寬高,因爲它們是可替換元素,本身存在內在尺寸(這個知識點是我在面試前網上看到的,剛好問了我就順便答了)
塊狀元素可以設置寬高blabla的…

盒子模型知道嗎?
是指的W3C標準的盒子模型嗎?最內層是content,然後是內間距padding,邊框border,外間距margin。(我不太瞭解,只能這樣回答也不知道是不是對的)

flex:1這個知道什麼意思嗎?

https瞭解嗎?
http2是什麼?

"" == 0 // 輸出啥
"" == null // 輸出啥
[] == null // 輸出啥

···
來吧,寫一道題吧;

function camelcase(str) {
}

camelcase('aa-bb'); // 輸出aaBb
camelcase('aa-bb-cc'); // 輸出aaBbCc

請完成以上的代碼。

第二道題

class EventEmitter{
}

const handler = function () {alert(1)}

EventEmitter.on('xxx', handler); // 綁定監聽
EventEmitter.emit('xxx') // 觸發事件
EventEmitter.un('xxx') // 取消綁定

記不太清楚了,反正是和事件綁定監聽有關的
由於完全沒有做過相關的事件監聽的經驗,坦言說我不會

總結:

  • 有時還是得揚長避短,自己不會的領域,提都不要提,否則他可能會問你相關的問題。
  • 從今往後得多手擼代碼,不然基礎過不了關,是絕對不行的。

小記:面試官很nice,就算你不會,也不會打斷你或者反駁你,不會讓你覺得你自己很尷尬。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章