前言
本人大三，發現大家都在投簡歷纔開始準備。然後就投了字節跳動的飛書，收到筆試通知後，才發現了牛客網這個好東西。
刷了幾題真題發覺自己完了，啥都不會，刷了三天題就去筆試了。感覺自己基本是涼了，誰知道居然收到面試通知，準備了四天就上了，人生第一次面試.....
雖然我這幾天把麪筋都啃了一遍，但還是有很多不太懂的地方，目測是涼了。
筆試
選擇題 + 算法題 + 智力題
選擇題基本跟前端沒什麼關係，都是數據結構和算法和網絡的，印象較深的是二叉樹的先序、中序求後序，閉包，Etag(當時完全不知道是什麼)
算法題：從A到B有D的距離，中間有若干基站，距離起點Ni的距離，每個基站提供水Wi，起始有H的水量，每走一米減少一的水，每個基站花費的錢相等，問：求最少花費能到達終點？
智力題：64匹馬，8賽道，只知名次不知時間，求最快找出前4匹馬的方法
我選擇題亂蒙一堆，算法80% 20% 0%的通過率，智力題15次（最佳13次）
一面 47min
- 自我介紹
- 重排重繪( )
- 設計一個百度搜索框（重點問了下面出現的提示要怎麼設置樣式？position？導致重排？）
- DNS是什麼？解析域名、得到IP、創建tcp連接、交互（面試官：沒了？然後就解釋三次握手，首次返回html文檔，請求css、js靜態文件、四次揮手）
- 怎樣移動一個標籤卻不導致重排？transform
- 怎麼進行性能優化？首頁、小圖片拼接，樣式內聯
- html5的標籤有哪些？說一下怎麼用的？
- css3用過哪一些？border-radius、transition。。。
- cdn是什麼？緩存
- 說一些http的狀態碼？早上剛背了一遍...
- 給一數組和一數字，求數組中出現次數大於數組長度除該數字的項？（去重、統計，這裏因爲一個if語句卡了好久，感覺很降分）
- 平時怎麼學習前端？
- 二進制相加，給兩字符串求值？我剛好早上看一個大數相加的例子，然後就改一下，說了一下思路
- 做過什麼項目？講一下項目的內容和用到的技術？（我沒有用到什麼牛逼的技術...）
- 箭頭函數this指向和const聲明的值
- 有什麼要問我的？（尬聊了一會...）
中間有幾次沒有聽清楚他問什麼？然後反問了....感覺很掉分....編碼的過程很尬，他引導了一下我，被看着寫代碼有點緊張，都沒有考慮性能......
最尬的是最後問我有什麼問題問他的嗎....我其實沒什麼問題...強行憋出週末還在上班？
總而言之，面試官還是挺好的，只是我太菜了
前幾天看見一個面經也是第一次面試面字節，一路不會然後就結束了的
不說了，上分去了
二面 57min
哇咔咔~我來更新二面了，時隔5天，終於迎來了二面。
這次二面出現了點狀況，一面時我用的是電腦自帶的話筒，第一次也檢查過設備了，但是這一次居然不能用了。我超慌，因爲我能聽見面試官說話，但是他聽不見我。。。
慌慌張張地重新進行設備檢查，面試官在一邊等着.......然後面試官超好人地問我要不加他微信吧，然後就全程使用微信視頻。（其實我在僥倖是不是這樣就可以手撕代碼了）
當然是我想多了，上問題吧~
閒聊
- 你做的項目是課程要求還是參加了些什麼？（課程 + 實訓）
- 爲什麼選擇前端？（做項目時負責前端 + 感興趣）
- 平時怎麼學習的？
網絡
- 問一下網絡吧，講一下tcp的連接斷開吧（三次握手 + 四次握手）
- 講一下http與https的區別（http + ssl，httpd連接的過程，http是明文傳輸）
- 我們前幾天遇到一個問題，使用https也不安全，響應數據中途被修改了，比如說非會員被改成了會員，那你要怎麼解決？（我愣住了，怎麼不按常理出牌？思路：客戶端收到假的，那麼就要向服務器驗證，但是又不能每一個響應都進行確認。https不是加密的嗎？emmm，好像只是加密客戶端傳給後端的，那就後端也給前端一個對稱祕鑰？此時面試官點了點頭表示滿意）
- 那比如說返回了會員的數據，那麼客戶端後序的操作？（瘋狂暗示我，答：那後端要生成一個會員的特殊標識，如果前端發送的請求中沒有攜帶該標識，那麼後序操作就不能有會員的特權....）
- 你知道session吧？（後端session 前端cookie）
- 那麼後端的session要存在哪裏怎麼保存？（我當時想的是後端使用什麼數據格式存儲，但是不太會.....於是說存儲在內存裏面，但是內存太小，那就存在能夠快速存取的設備裏，SSD當時沒想起，存在硬盤裏的話讀取就會慢且消耗大）
- 我問具體點吧，如果存在內存會有什麼問題？（1.多個請求後內存就炸了，2.可以設置一個定時器，過一段時間消除會話，3.設置一個隊列，滿了就刪除一開始的會話）
html、css
- 講一下盒模型吧？（margin padding border content ...）
- 怎麼修改盒模型？（box-？？？一時想不起，然後面試官就告訴我了）
- 講一下css權重（!important，內聯，外聯，id。。。。）
框架
看你學過vue、react，問問看吧（連忙解釋，react只是看過，忘得差不多了，vue實踐過）
- 單項數據流和雙向綁定的區別？（單項數據流是啥？？一臉懵，面試官：比如父子節點傳值。父子傳值的優點嘛.....安全？子組件無法訪問父組件其他數據？然後瞎蒙着就過去了）
- 你用過腳手架吧，那你說說腳手架應該有什麼功能？（瞎猜的，1.壓縮文件、2.能夠加密？3. 比如less會簡化代碼，4. 去除一些無用的文件，其實還想說能進行兼容buble?）
編程題
終於來了.....
- 簡單的，123456790 -> 1,234,567,890 每千位加個" , "
- 不能使用全局變量實現調用a()三次得到1，2，1......重複，使用了閉包存一個boolean值（面試官表示沒想到，這種方法也可以的~）
- 實現function(func, times, wait ){}，傳入func每隔wait時間，執行一次，執行times次（使用async、await、for循環 setTimeout，忘了定時器單詞，面試官提示了，面試官超好人的~~ 雖然最後執行不了，不支持async好像，但算過關了）
反問環節
這次我就有準備了，把剛纔的代碼題問了一遍答案，第二題面試官表示沒有具體答案，想看看我怎麼寫，沒想到我用到了閉包。第三題可以直接修改setTimeout的最後一個值，乘上i
然後就結束了......感覺挺舒服的，雖然被問到了幾個沒準備過的問題，但還算順利。
面試官人挺不錯的，還加了微信
HR面 27min
面試的是一個小姐姐，然後問的問題跟技術相關的比較少。
- 自我介紹
- 知道部門的工作嗎？
- 爲什麼選擇這個專業？
- 怎麼學習的前端？
- 講講項目
- 前面幾次面試的感覺？
- 有投其他公司的嗎？
聽說hr面也會刷掉很多人，感覺有點涼涼~~~涼在最後一輪~~~
hr面也過，等offer了