作者：小零子
鏈接：https://www.nowcoder.com/discuss/201256
來源：牛客網

一面

一個小時20分鐘（三輪技術面都是視頻面試）

面試官哥哥很好

先自我介紹（個人信息加項目）

怎么看待前端這個職務

為什么會選擇前端這個學習方向（巴拉巴拉 說了好多嘻嘻嘻）

平時是怎么學習前端的

Vue和jQuery的看法和區別 （我是從數據和業務分離，數據驅動視圖兩個角度展開講）

講講Vue的插槽slot 和scope slot

Vue的雙向數據綁定原理

（訂閱-發布者模式，數據劫持：Object.defineProperty(), 巴拉巴拉巴拉...)

擴展：Object. defineProperty()這個方法有哪些缺點？

Vue3.0 開始不用Object.defineProperty, 用Proxy, 用代理相比起來有什么改善和優點 ）

訂閱發布者模式和觀察者模式的區別

this的優先級

（出了一道題 講清楚四個綁定 及其優先級 以及為什么）

擴展到 object.create() 原理 ，講清楚其原理，手寫模擬實現它

再說到 new 的實現原理，手寫模擬實現它

原型鏈，原型鏈原理，手寫實現一個

閉包是什么？你怎么理解的？舉個栗子

擴展：

閉包的機制是怎么實現的 我往作用域方面答

接著問 怎么實現函數內部可以訪問函數外部，但是函數外部不能訪問函數內部？

當時答不出，小哥哥說是關聯到內部函數的VO活動對象的指向（這個不會 沒怎么了解過）

（推薦了我去看湯姆大叔的博客 這里： https://www.cnblogs.com/TomXu/archive/2012/01/31/2330252.html）

計算機基礎

UDP和TCP是什么？ 它們的區別

UDP在什么場景會用到？

進程和線程是什么?你是怎么理解的?

（存儲資源的最小單位，程序的最小單位）

HTML

說說block元素和in-line元素？ 二者的不同點和特征有哪些?

擴展：img是行內元素嗎？為什么可以設置寬高呢 （答：沒了解過，估計是和img標簽的src屬性有關，小哥哥說的確和src屬性有關，建議后續可以深入了解一下）

CSS 3

怎么實現0.5px的線 移動端

（scale方法）

scale(0.5) scale(2) scale(1) 分別是怎么樣的 ，那scale(-1)呢

【scale(x) 當x為負值時，整個是顛倒過來的】

flex方法有用過嗎（說有用過，就沒細問了）

說一下float和position

清除浮動的多種方法

最后問了有什么需要問的嗎？

我就問了公司里線上代碼報錯時是怎么調試的？（的確一直對這個很好奇）

我個人是試著玩了一下Fidder軟件 把線上文件映射到本地文件。

還有字節跳動內部是用的什么框架

也請教了SCSS的用處

然后也聊了20多分鐘（嘻嘻嘻O(∩_∩)O哈哈~）

整個過程還是挺愉快的~~

大家都加油！

二面

40多分鐘

面試官說是前端架構師 可以體會的出 很神奇的是問了我專業知識（說是考慮到我還沒工作，自然也考下我自己的專業知識）

棧和隊列是什么？區別是什么？

大學課程有什么？（軟硬件皆有：軟件：C語言，數據結構與算法，安卓，基礎java 硬件：通信........）

講下模電里與門，非門，異或門的原理和實現（哈哈哈 知道我是物聯網方向的電子專業，就問了下這個）

說下快速排序的思想，并手寫代碼

說下C語言中pointer的理解

模式設計--發布訂閱模式

（本來都打算打代碼了，不過只讓我說清楚就好了。這里有個小插曲，一開始聽錯題目了，說的是創建對象的幾種模式工廠模式，原型模式，構造函數模式那些 ）

對webpack的理解；webpack實現打包壓縮的機理 ；（我提到了rollup.js ，這里還小小探討了下rollup.js 和webpack 也算是被指教了webpack的重要性 ）

對稱加密和非對稱加密的區別

通信里模擬信號和數字信號是什么？區別？

時分多地址 & 碼分多址 & 頻分多址

然后聊了一大堆我學習前端的歷程

還有問了下成績 (答 班里第一第二）

最后again：你有什么想問的？

就進一步再探討了調試代碼（第一面面試官只是清點帶過，讓我問后面的面試官們 ）

還推薦了我學習了一些技術棧（超級好！一直聊的很愉快，還主動加了我微信~~ 超級開心的）

三面

50多分鐘

二面完 對接的hr小姐姐通知我接下來有空的話 繼續第三輪面試 所以又很快開始了三面了

這個面試官一上來就給人感覺就是一個項目中的帶頭人的那種，氣勢足，但是面試過程沒有給我心理壓迫

手寫實現反向鏈表，給出的節點是對象

手寫實現樹的前序遍歷 ，給出的節點是對象

寫完講解整個思路（其實我算法不太強 但是面試官完全沒有催，很耐心的等我寫完）

實現點擊頁面中連接的時候，攔截頁面的跳轉，出來一個彈出框，有半透明的遮罩層，水平垂直居中，思路，整個流程或代碼

（只寫了最主要的一部分代碼而已

WD思路：

頁面代理攔截；取消a鏈接的默認事件（跳轉）；水平居中：flex三代代碼即搞定；遮罩層：利用z-index; 彈出框的出現，一開始隱藏，后來點擊鏈接即顯示 ）

如果一個頁面卡頓，那可能是什么原因？（典型的來了，最好是有思路的將下去）

如果想要圖片懶加載，怎么實現？代碼怎么寫？

webpack是基于什么來工作的？（又是webpack，真的難）

怎么到接觸前端的 （巴拉巴拉...）

平時怎么學習前端的 （巴拉巴拉...）

聊項目：

講下你的這些項目，項目的分工是什么樣的？你負責什么部分

你這個項目你們是怎么一個開發思想呢？ （巴拉巴拉...）

看到里面說組件化開發，那是怎么組件化的呢 為什么用組件化。(巴拉巴拉，這里說了超多，我還配上手勢 想更形象說來著）

你這個項目里寫到路由導航，那是怎么實現的呢？ 答vue-router 那是怎么配置的呢 (巴拉巴拉...）
整個過程也很愉快，本來面試官沒笑的，后來在探討框架的時候被我逗笑了，氣氛就一直很愉快了~

（嘻嘻 我說 前面在寫那個彈出框的時候我一直頭腦中想的是用vue的話就超級簡單啦，然后被教育了如果有一天這些框架都沒法用了怎么辦）

四面 HR面

半個小時

面完三面 本來緊接著是晚上要繼續面的，但是通知說面試官有事情，改到第二天了

四面的時候我一直還在擔心會不會繼續是技術面，所以還是不敢懈怠，繼續在準備。

結果視頻一出來，是個可愛的小姐姐，知道是HR面了，心立即定了很多。

HR面就只問非技術的問題，你個人的各種情況啦，就是通過聊天了解下你的多方面。整個聊天很愉快結束了

總結：

我很渣的，嘻嘻 我感覺我的性格也是給我加分的一項吧

大家要加油~~ 對自己自信的同時要一直保持一顆謙虛的心一直學習。

還有，知識就怕不深入，了解很多API背后的實現原理也是很重要的呢~

我從當時的一個面試只能聊20多分鐘的人，到這四次面試也是慢慢進步過來的~

覺得沒什么可聊的話，多學習就是了，多看書就是了~ fighting~

與作者交流：https://www.nowcoder.com/discuss/201256

更多筆經面經：https://www.nowcoder.com/discuss?order=0&type=2

總結

以上是生活随笔為你收集整理的前端img里面的src能是bmp么_实习｜字节跳动前端实习生(非科班已定offer)三技术面+一HR面...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。