畢業(yè)工作一年之后，有了轉(zhuǎn)行的想法，偶然接觸到程序員這方面，產(chǎn)生了濃厚且強(qiáng)烈的興趣，開始學(xué)習(xí)前端，成功收割了大廠offer，開始了我的程序員生涯。

在自學(xué)過程中有過一些小廠的面試經(jīng)歷，也在一些小型的互聯(lián)網(wǎng)公司實(shí)習(xí)過，這些都不是本文重點(diǎn)。本篇章主要分享一下這次字節(jié)跳動、美團(tuán)、頭條等大廠的面試真題涉及到的知識點(diǎn)，以及我個人的學(xué)習(xí)方法、學(xué)習(xí)路線等，當(dāng)然也整理了一些學(xué)習(xí)文檔資料出來是附贈給大家的。知識點(diǎn)涉及比較全面，包括但不限于前端基礎(chǔ)，HTML，CSS，JavaScript，Vue，ES6，HTTP，瀏覽器，算法等等

一面：

1，說一下瀏覽器緩存
2，cookie 與 session 的區(qū)別
3，瀏覽器如何做到 session 的功能的。
4，解釋一下：csrf 和 xss
5，怎么防止 csrf 和 xss
6，跨域的處理方案有哪些
7，CORS 是如何做的？
8，對于 CORS ，Get 和 POST 有區(qū)別嗎？
9，了解 HTTPS 的過程嗎？
10，es module 和 commonjs 的區(qū)別
11，react 里如何做動態(tài)加載
12，動態(tài)加載的原理是啥，就是 webpack 編譯出來的代碼
13，寫一個處理加法可能產(chǎn)生精度的函數(shù)，比如 0.1 + 0.2 = 0.3

二面：

1，聊項(xiàng)目

• 項(xiàng)目難點(diǎn)以及怎么解決的
• 項(xiàng)目有哪些亮點(diǎn)？

2，寫一個 es6 的繼承過程
3，寫一個大數(shù)相乘的解決方案。傳兩個字符串進(jìn)來，返回一個字符串

三面

1，聊項(xiàng)目
2，寫一個防抖函數(shù)
3，算法題

字節(jié)是出了名的考算法題比較多的，基本每面都會算法題和編程題，對編程能力比較看重吧。

螞蟻

一面：

1，講講來蘑菇街都干了哪些事情
2，聊聊有什么技術(shù)上的沉淀
3，除了 redux mbox dva 還用過其他的 狀態(tài)管理沒
4，hooks 原理
5，看過 hooks 相關(guān)的草案嗎
6，你對螞蟻有什么期望，或者說技術(shù)的規(guī)劃，想做的東西
7，vue3 的 類似 hooks 的原理是怎么樣的

二面：

1，聊項(xiàng)目，項(xiàng)目的難點(diǎn)，以及自己做了哪些事情
2，為什么項(xiàng)目里會引入 TS
3，dva 和 redux 的區(qū)別
4，職業(yè)發(fā)展，今年的打算
5，組件升級怎么讓使用這個組件的人都知道
6，如果讓你設(shè)計項(xiàng)目自動設(shè)計組件升級，并且安全，你會怎么去設(shè)計

三面

全程聊項(xiàng)目，因?yàn)樗皇乔岸说?#xff0c;所以沒問前端任何知識，主要聊業(yè)務(wù)相關(guān)的，看看我對業(yè)務(wù)的理解，以及一些想法。

• 項(xiàng)目難點(diǎn)
• 怎么解決
• 項(xiàng)目有什么改進(jìn)的地方
• 業(yè)務(wù)方怎么拿到反饋的，就是做的這個東西具體有什么用

上面是字節(jié)和螞蟻的一些面試分享。每一次面試前我們肯定都要充分的準(zhǔn)備好，可以去多看看別人的面經(jīng)，看自己是否可以很好的回答這些問題，查看自己還有哪些不足，查漏補(bǔ)缺。
還有就是多刷題，資料可以去網(wǎng)上找，可以加一些前端群，一般群里會有資料分享，還可以和伙伴們交流討論，也可以自己去買這類書籍，方法有很多，這個看自己個人的選擇。

最后

由于文檔內(nèi)容過多，為了避免影響到大家的閱讀體驗(yàn)，在此只以截圖展示部分內(nèi)容，詳細(xì)完整版的JavaScript面試題文檔，或更多前端資料可以點(diǎn)此處免費(fèi)獲取。

版的JavaScript面試題文檔，或更多前端資料可以點(diǎn)此處免費(fèi)獲取。

總結(jié)

以上是生活随笔為你收集整理的CSS的三种定位，月薪30K的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。