經(jīng)歷過字節(jié)和pdd二面的拷打，感覺美團(tuán)面的是真舒服啊，特來發(fā)個面經(jīng)，攢攢人品求oc一面（4.15 47min）聊項目和實(shí)習(xí)經(jīng)歷Http1.0和Http2.0Webpack的構(gòu)建流程Webpack的loader和plugin有什么了解自己寫過plugin嗎跨域的解決方法Webpack的反向代理在瀏覽器中輸入url發(fā)生了什么瀏覽器的緩存機(jī)制進(jìn)程和線程的區(qū)別Promise的APIPromise解決了什么問題什么是異步請求任務(wù)原型和原型鏈設(shè)計模式手撕一：獲取url地址中的給定參數(shù)的值，不使用正則表達(dá)式手撕二：寫一個數(shù)組拉平方法flatten二面（4.21 38min）就聊了一下項目和實(shí)習(xí)經(jīng)歷，主要問了一下項目中的難點(diǎn)，然后摳點(diǎn)細(xì)節(jié)一道八股也沒問，最后手撕一題對象數(shù)組保留id相同的權(quán)重較大對象（保證原順序）做的還行，也很快A出來了目前還沒有消息，但是一面完幾分鐘就立刻打電話約二面了，二面整體情況也不差許愿oc，我想當(dāng)團(tuán)孝子，真不想再面了，真的被字節(jié)傷自尊了更新----------------------------4.30晚 二面面試官打電話說offer在流程了，節(jié)后發(fā)，我也是團(tuán)孝子咧#美團(tuán)求職進(jìn)展匯總# #美團(tuán)暑期實(shí)習(xí)#

哎，心塞，騰訊四戰(zhàn)掛，阿里系全掛，美團(tuán)二戰(zhàn)，現(xiàn)在只有這一個流程中的了，哭了。有點(diǎn)忘記了，面的挺一般的，面經(jīng)很多有點(diǎn)忘了。一面一面是一個小姐姐，人巨好，還會自我介紹，一面完秒約二面。自我介紹常見的http狀態(tài)碼強(qiáng)緩存、協(xié)商緩存react filber了解嗎diff算法瀏覽器渲染閉包js變量http和https，加密方式手撕let、var、const 看輸出異步promise等，看輸出用map做的，兩數(shù)之和反問：業(yè)務(wù)？游戲小說二面二面偏聊天這些自我介紹手撕層序遍歷，差一點(diǎn)點(diǎn)，不知道哪里寫錯了換了個二分查找問項目，問了很多，比較抽象，不知道怎么總結(jié)實(shí)習(xí)的收獲這些，問了很多下面比較搞笑，反問：...

15min實(shí)習(xí)/項目+30min八股+45min手撕（簡歷寫了很多性能優(yōu)化+Ai）實(shí)習(xí)/項目：1.實(shí)習(xí)做了什么，技術(shù)棧是什么  React2.React的hook,Vue中也有相應(yīng)的實(shí)現(xiàn)，具體舉例    useState/ref 3.實(shí)現(xiàn)了哪些性能優(yōu)化    CDN服務(wù)4.RBAC權(quán)限管理怎么實(shí)現(xiàn)的    數(shù)據(jù)權(quán)限+功能權(quán)限5.項目中用到的打包部署    Webpack6.后端開發(fā)工具調(diào)用如何實(shí)現(xiàn)    7.你在項目中遇到過的難點(diǎn)以及你是怎么解決的八股：1.路由懶加載的實(shí)現(xiàn)方式    import()語法實(shí)現(xiàn)代碼分割2.輸入url到瀏覽器到后端給出響應(yīng)的過程 DNS  TCP HTTP 3.HTTPS對于HTTP做了哪些改進(jìn)  4.對稱加密和非對稱加密     AES 公鑰和私鑰配對5.CDN服務(wù)器原理    CDN節(jié)點(diǎn)從源站拉取內(nèi)容并緩存，用戶從最近的服務(wù)器獲取數(shù)據(jù)6.CDN回源過程是怎樣的    7.你知道哪些性能優(yōu)化效果評估指標(biāo)    8.骨架屏如何實(shí)現(xiàn)優(yōu)化的    在頁面加載時顯示的占位圖形界面9.虛擬滾動優(yōu)化列表渲染如何進(jìn)行優(yōu)化的    只渲染當(dāng)前窗口可見的列表項，而不是一次性渲染整個列表  節(jié)流10.瀏覽器本地存儲方式    Cookie  LocalStorage SessionStorage11.瀏覽器緩存機(jī)制    強(qiáng)緩存  協(xié)商緩存12.Webpack打包原理    解析入口文件，??構(gòu)建依賴圖，??Loader 處理??，插件干預(yù)?，輸出 chunk 文件13.操作系統(tǒng)中虛擬地址是什么，虛擬地址的優(yōu)點(diǎn)    由CPU生成的邏輯地址，將虛擬地址轉(zhuǎn)換為物理地址，更大的地址空間14.說一下JavaScript的事件循環(huán)機(jī)制  宏任務(wù) 微任務(wù) Promise15.promise怎么解決地獄回掉的    then 方法鏈?zhǔn)秸{(diào)用手撕：寄了Promise (實(shí)現(xiàn)了部分，讓我講一下內(nèi)部的邏輯)深拷貝（測試用例有target.target = target 導(dǎo)致循環(huán)調(diào)用，要用weakMap來實(shí)現(xiàn)）反問：1.具體業(yè)務(wù)：商家支付2.哪些需要改進(jìn)的點(diǎn)：不夠深，https，性能優(yōu)化指標(biāo)沒答上來，手撕沒手撕出來3.AI方向：AI催債，信貸評估等等4.出結(jié)果：2-3天#美團(tuán)暑期一面# #面經(jīng)#

??面試公司：攜程??面試崗位：前端實(shí)習(xí)生??面試問題：首先是自我介紹，然后稍微拷打了一下項目，我有幾個點(diǎn)沒講明白（感覺已經(jīng)了）八股：1.為什么使用pinia，介紹一下2.v-if和v-for的優(yōu)先級3.v-for的key的作用4.vue的組件通信方式5.cmputed和watch的區(qū)別6.同源策略，跨域的解決方案7.瀏覽器緩存8.事件循環(huán)代碼題：一個promise的輸出題，鼠鼠個人覺得蠻難的，一開始沒有做對，面試官一直給提示，問原理??面試體驗：面試官人很好，很有耐心，手撕題不會做他也會耐心地進(jìn)行指導(dǎo)還需要多背熟一點(diǎn)八股，把項目中都弄更明白一點(diǎn)