(3.17號更新) 本菜鳥啃了幾篇面經以及《前端面試之道》就上場了,勇氣是可嘉,但是心裡特沒底。
上午剛視訊面試完,面試官年紀跟我差不多,說著親切的廣普,所以全程比較放鬆(破罐子破摔),除了想不出答案時那些尷尬的停頓。。。
趁熱打鐵把記得的面試題寫下來,給大家做個參考,順便自己也總結一下加強複習。
佈局問題
垂直居中 水平居中 哪種方法相容性更好?
我竟然答了flex?
三欄佈局(水平和垂直的三欄都要了解!)
CSS問的不多,接下來就是網路和JS方面的問題
跨域相關
問的不深,把解決跨域的方法說一遍就可以了。
對cookie的理解(問的比較全面)
延伸到儲存問題,我隨便說了下本地儲存和會話儲存的區別
快取
回答了一下強快取和協商快取,實現辦法需要記一下,不要像我想半天就憋出來一個control。。。
常用的http狀態碼
只記起來4個,還錯了2個。。。什麼金魚記憶???
閉包及應用場景
講了下閉包的定義以及閉包有什麼作用。想了半天才想起來用在回撥函式(最好深入一點)以及避免全域性汙染。
原型和原型鏈及應用(手寫程式碼)
我竟然緊張到函式、類都不會寫了,涼涼
防抖和節流
需要手寫程式碼,前一天剛好複習了一下。我只記住了特別簡單的防抖。。。
ES6的新特性
之前看了點又忘了,就答出來 let、const、箭頭函式、map這些
移動端適配
我說之前只做了小程式,微信直接封裝好的,沒考慮這個。然後vue的移動端專案用了 name = viewport, 瀏覽器的適配接觸的不多。
瀏覽器效能優化
沒怎麼接觸過,就實話實說之後會考慮這個問題
webpack
沒有討論很深,就問了下我webpack用過沒,有什麼特點。 我說平時只是用來打包專案,對於webpack的模組熱更新印象比較深,能夠不用重新整理瀏覽器更新修改後的程式碼。
專案中接觸到的難點以及怎麼解決的
雖然知道會被問,但是沒好好準備。。。說的磕磕巴巴的,自己都不知道在說啥。 大家可以事先總結兩三個比較有技術難點的問題。
vue相關
因為專案是用vue做的,所以面試官問了我對於vue的原理實現有沒有什麼瞭解。
我很簡單地說了下vue的雙向資料繫結。
面試官還問了元件間的資料傳遞。 我說大概有三種:父子元件用props、兄弟元件用bus總件機制、還可以用vuex。
平時怎麼學習前端的?下一階段準備學什麼?
胡亂答了一通,看部落格、github、紅皮書啥的
總結
大概面了50min(本來以我的水平我覺得15min就能問完,意外滿意?。。。),基本上大家看的面經多了,答起來會比較流暢,記不住的就多看幾遍!血淚教訓!
面試官可能覺得也沒啥好問的了,最後一個問題就是問我還有什麼問題,我就說對我的js學習有什麼建議?
他說三大框架、node這些學起來比較快,最重要的是基礎(因為我繼承寫的很不好),平時要多寫一些原生js。
然後就沒有然後了,回去等通知,大概率涼了,但是作為我的第一次面試還好沒有特別打擊自信心。
再接再厲吧!